2017-07-29 88 views
-1

我試圖通過關於user_question和語言輸入字段的ajax發送信息,但是如何在ajax javascript中正確寫入這個元素來保存數據庫中的表元素值。ajax,php如何正確保存數據

謝謝。

腳本元素。

<table id="myTable" class="table table-sm table-hover order-list"> 
     <thead> 
      <tr> 
       <td>User Question</td> 
       <td>Language</td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td class="col-md-9">' . HTML::inputField('user_question', null, 'placeholder="Write a short answer"'). '</td> 
       <td class="col-md-2">' . HTML::inputField('language', null, 'placeholder="Language"') . '</td> 
       <td class="col-sm-1"><a id="delete_row" class="deleteRow"></a></td> 
      </tr> 
     </tbody> 
     <tfoot> 
      <tr> 
      <td colspan="5"> 
       <input type="button" class="btn btn-lg btn-block " id="addrow" value="Add Row" /> 
      </td> 
      </tr> 
      <tr></tr> 
     </tfoot> 
    </table> 

<script> 
$(document).ready(function() { 
    var counter = 0; 

    $("#addrow").on("click", function() { 
     var newRow = $("<tr>"); 
     var cols = ""; 

     cols += '<td><input type="text" class="form-control" name="user_question' + counter + '"/></td>'; 
     cols += '<td><input type="text" class="form-control" name="language' + counter + '"/></td>'; 

     cols += '<td><input type="button" class="ibtnDel btn btn-md btn-danger " value="Delete"></td>'; 
     newRow.append(cols); 
     $("table.order-list").append(newRow); 
     counter++; 

    // element pb    
    // var data = $("#new_product").serialize(); // form id or table id ? 

    var dataString = 'user_question='+user_question+'language='+language; 

    $.ajax({ 
     type: 'POST', 
     url: '{$ajax_url}', 
     data : dataString, 
     success: function(data) { 
      alert(data); 
      $("p").text(data); 

     } 
    }); 

    $("table.order-list").on("click", ".ibtnDel", function (event) { 
     $(this).closest("tr").remove();  
     counter -= 1 
    }); 

}); 

</script> 
+0

如果你有多個輸入使用相同的名稱,您需要將它們命名爲'name =「user_question []」'和'name =「language []」',以便PHP獲取所有輸入的數組。 – Barmar

+0

好吧,我嘗試'cols + ='​​'; '和'var dataString =「user_question [] =」+ user_question;'結果是:'array(1){ [「user_question」] => array(1){ [0] => string(25)「[object HTMLInputElement]」 }' – maegeri

回答

0

使用這樣讓PHP變量值中的JavaScript在PHP頁面

url: "<?php echo $ajax_url; ?>", 

還可以使用&和符號中添加兩個或多個參數param您dataString