使用AJAX发送值到页面，表单动作不起作用

Question

好日子，我想用AJAX发送数据到页面，我用ajax是因为我需要html内容的文本区域（我用的是小小的mce插件文本编辑器），我想传递文本区域的值，然后将其加载到页面。但后来我检查它并去了网络XHR，我发现页面发送了ajax数据，但它没有重定向到另一个页面，而且我的名字为'title'的输入没有将数据发送到页。任何想法如何解决这个问题？这是我的代码。感谢您回应

HTML：

<form class="well" action="lessons/add_lesson.php?user_id=<?php echo $user_id; ?>" method="post" role="form"> 
    <div class="form-group"> 
     <input type="text" name="title" id="title" tabindex="2" class="form-control" required="true" 
     maxlength="24" placeholder="Title"> 
    </div> 

    <div class="form-group"> 
     <label for="content">Content:</label> 
     <textarea id="content" name="content" class="tinymce" placeholder="Content" id="comment"></textarea> 
    </div> 

    <input type="hidden" name="token" value="<?php echo Token::generate(); ?>"> 

    <div class="form-group"> 
     <div class="row"> 
     <div class="col-md-4"></div> 
     <div class="col-md-4"> 
      <input type="submit" name="submit" class="btn btn-primary btn-block" id="update_account" href="#" data-target="updateAccount" value="Create"> 
     </div> 
     <div class="col-md-4"></div> 
     </div> 
    </div> 
</form> 

AJAX/JQuery的

<script> 
    $(document).ready(function(){ 
     $('form').submit(function(e){ 
      //save button 
      var btn_submit = $(this).find('submit'); 


      e.preventDefault(); 
      tinyMCE.triggerSave(); 
      var content = tinymce.get("content").getContent(); 
      $.ajax({ 
       type: 'POST', 
       url: 'lessons/add_lesson.php?user_id=<?php echo $user_id; ?>', 
       dataType: 'html', 
       data: { data: 'fuck' }, 
       success: function(data){ 
       } 
      }); 

     }); 
    }); 
</script> 

这里是网络响应

Answer 1

你实际上并没有发出任何的形式的数据。 PHP没有收到title的值，因此抱怨（我的猜测）$_['POST']['title']不存在。仍然

$.ajax({ 
    type: 'POST', 
    url: 'lessons/add_lesson.php?user_id=<?php echo $user_id; ?>', 
    dataType: 'html', 
    data: { 
     // add this: 
     title: $('#title').val(), 
     content: content 
    }, 
    success: function(data){ 
    } 
});