通过 AJAX 数据传递循环数据

passing looping data through ajax data

本文关键字：数据 循环 通过 AJAX      更新时间：2023-09-26

我的表单包含隐藏的输入循环。就我而言，我在不循环的情况下手动声明 Ajax 数据中的隐藏输入。那么如何在 AJAX 数据中循环它们呢？

这是我的表单脚本

<form method="POST" name="myform">
   <?php for($i=1;$i<=5;$i++) { ?>
            <input type="hidden" name="data<?php echo $i; ?>" value="data<?php echo $i; ?>">
   <?php } ?>
   <input type='button' name='submitData' value='Submit' onClick='submitData();'>
</form>

这是我的 Ajax 脚本

function submitData() {
   var form = document.myform;
   $.ajax({
     url: 'process.php',
     type: 'post',
     data: {
          data1 : form["data1"].value,
          data2 : form["data2"].value,
          data3 : form["data3"].value,
          data4 : form["data4"].value,
          data5 : form["data5"].value
     },
     success: function (result) {
          console.log(result);
     },
     error: function () {
          console.log("error");
     }
  });
}

隐藏的输入具有名称和值，

使用.serialize()

将一组表单元素编码为字符串以供提交

data : $('form[name=myform]').serialize()

这将返回name=value对。

如果需要{name:value}，请使用.each() 

var formData = {}
$('form :input:hidden[name^="data"]').each(function(){
    formData[this.name] = this.value;
});

而在阿贾克斯，

data : formData ,

演示

如果你要发布整个表单，你可以直接在你的请求中使用jQuery的.serialize（）：

$.ajax({
    url: 'process.php',
    type: 'post',
    data: $('#myform').serialize(),
...

另外，一个好方法是将字符串转换为JSON对象，并在PHP中将字符串转换为数组：

var dataJSON = JSON.stringify({..Your form obj...});
$.ajax({
    url: 'process.php',
    type: 'post',
    data: dataJSON,
    success: function (result) {
            console.log(result);
    },
    error: function () {
            console.log("error");
    }
});

过程.php

$data = json_decode($_POST["data"]);
print_r($data);
相关文章：