小编典典

使用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的旧世界中,我可以通过重新设置表单并将其发送到服务器来完成此操作。提前感谢。


阅读 193

收藏
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