用ajax

Question

我要救四個字段上點擊一個文本框保存數據的兩個複選框和一個wysihtml5Editor用ajax這些都是如下：

<input type="text" id="title" name="title" required title="required" placeholder="title" data-bind="value:title" /> 
<input type="checkbox" id="active" name="active" class="check" data-bind="checked: active=='true'" />Active 
<input type="checkbox" id="logon" name="logon" class="check" data-bind="checked: use_logo=='true'" />Logo 
<textarea id="iiii" name="iiii" class="htmleditor" rows="9" cols="50" style="width: 600px; height: 190px;"></textarea> 
<button type="button" name="save" id="save" class="btn btn-primary">Save</button> 

我的表名是contracts和字段名都作爲如下：

title(textbox),def_next(wysihtml5Editor),active(checkbox),use_logo(checkbox) 

，我的條件如下這樣做：

if ($_POST['what']=="save"){} 

和我已經嘗試阿賈克斯作爲

$.ajax({ 
     type: 'POST', 
     url: root + 'data/comapanydata_contractorslist?json', 
     data: { 
      what: "save", 
      text: $('#iiii').val(), 
      def_text: def_text 
     }, 
     success: function (data) {}, 
     dataType: 'json' 
    }); 

但不能正常工作，所以請建議我對此。

Answer 1

如果你想保存所有4字段，您需要將所有數據傳輸到您的服務器端腳本。也許是這樣的：

$.ajax({ 
    type: 'POST', 
    url: root + 'data/comapanydata_contractorslist?json', 
    data: { 
     what: "save", 
     def_text: $('#iiii').val(), 
     title: $('#title').val(), 
     active: $('#active').val(), 
     use_logo: $('#logon').val() 
    }, 
    success: function (data) {}, 
    dataType: 'json' 
}); 

Answer 2

這個工作對我來說：

的index.html

  <script> 
      $(function() {     
       $("#form").submit(function() { 
        data = $("#form").serialize(); 
        $.ajax({ 
         type : "GET", 
         url : "save-data.php", 
         data : data, 
         success : function() { 
          $("#form").find("input[type=text], textarea").val("") 
          $("#form").find("input[type=checkbox]").prop('checked', false); 
         } 
        }); 
        return false; 
       }); 
      }); 
      </script> 

      <form action="save-data.php" method="get" id="form"> 
       <input type="text" id="title" name="title" required title="required" placeholder="title" data-bind="value:title" /> 
       <input type="hidden" name="active" value="off" /> 
       <input type="checkbox" id="active" name="active" class="check" data-bind="checked: active=='true'" />Active     
       <input type="hidden" name="logon" value="off" /> 
       <input type="checkbox" id="logon" name="logon" class="check" data-bind="checked: use_logo=='true'" />Logo 
       <textarea id="iiii" name="iiii" class="htmleditor" rows="9" cols="50" style="width: 600px; height: 190px;"></textarea> 
       <input type="submit" name="save" id="save" value="Save" class="btn btn-primary"/> 
      </form> 

保存輸入變量：

保存-data.php

 <?php 
      $required = array('title', 'iiii', 'active', 'logon'); 
      $error = false; 
      foreach ($required as $field) { 
       if (empty($_GET[$field])) { 
        $error = true; 
       } 
      } 

      if (isset($_GET["title"])) { 
       if ($error) { 
        echo "All fields are required."; 
       } else { 
        $title = $_GET["title"]; 
        $active = $_GET["active"]; 
        $logon = $_GET["logon"]; 
        $iiii = $_GET["iiii"]; 

         //mysql query ... 
       } 
      } 
     ?>