使用JQuery通过Ajax动态发送JSON格式的帖子形式数据

小编典典

使用JQuery通过Ajax动态发送JSON格式的帖子形式数据

ajax

我在JQuery上如何通过Ajax动态发送json格式的表单数据？例如，我在JQ中编写如下代码：

$.post("test.php", { func: "getNameAndTime" },
    function(data){
      alert(data.name); // John
      console.log(data.time); //  2pm
    }, "json");

很好，但是在实时应用中，经常需要发送大量表单数据，并且用户可以动态更改字段，因此我不知道将发送多少个func1，func2，func3甚至是func
[]。q是动态地执行此操作的方法，在AJAX的旧世界中，我可以通过重新设置表单并将其发送到服务器来完成此操作。提前感谢。

阅读 192

2020-07-26

共1个答案

小编典典

是的，我可以将所有数据发送到服务器，无论如何它都可以正常工作，例如：

$(function() { // on document load
$('#email_form').submit(function() { // set onsubmit event to the form
  var data = $('#email_form').serialize(); // serialize all the data in the form 
  $.ajax({
    url: 'testJson.php', // php script to retern json encoded string
    data: data,  // serialized data to send on server
    dataType:'json', // set recieving type - JSON in case of a question
    type:'POST', // set sending HTTP Request type
    async:false, 
    success: function(data) { // callback method for further manipulations             
      for (key in data.email) {
        alert(data.email[key]);
      }

    },
    error: function(data) { // if error occured

    }
  });
  return false;
});

}）;

2020-07-26