javascript - 如何使用ajax从行中发布数据

Question

<table>
 <tr data-id="1">
    <input type="text" name="name_1" value="abc">
    <input type="text" name="value_1" value="1">
    <a href="load_edit_row(this)">Edit</a>
 </tr>
 <tr data-id="2">
    <input type="text" name="name_2" value="def">
    <input type="text" name="value_2" value="2">
    <a href="load_edit_row(this)">Edit</a>
 </tr>
 <tr data-id="3">
    <input type="text" name="name_3" value="ghi">
    <input type="text" name="value_3" value="3">
    <a href="load_edit_row(this)">Edit</a>
 </tr>
</table>

function load_edit_row(input) {
   var ID = $(input).parent().attr('data-id');
   var dataString = []; 
   $("tr[data-id="+ID+"] :input").each(function(e){ 
      dataString.push(this.value);
   });
   $.ajax({
      type: 'POST',
      url: 'update-row.php',
      data: dataString,
      success: function(itemJson) {

      },
      dataType: 'json'
   });
}

发布数据键和数据值时出错，如何修复？

Answer 1

您可以使用 JSON.stringify(dataString) 在 JavaScript 中对数组进行编码，然后使用 $array=json_decode($_POST['string']);在您的 PHP 脚本中检索它。

function load_edit_row(input) {
   var ID = $(input).parent().attr('data-id');
   var dataString = []; 
   $("tr[data-id="+ID+"] :input").each(function(e){ 
      dataString.push(this.value);
   });
var string = JSON.stringify(dataString);
   $.ajax({
      type: 'POST',
      url: 'update-row.php',
      data: 'string='+string,
      success: function(itemJson) {

      }
   });
}