通过AJAX动态发送POST表单数据JSON格式与jQuery

本文介绍了通过AJAX动态发送POST表单数据JSON格式与jQuery的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我徜徉在JSON格式通过AJAX使用jQuery动态如何发送POST表单数据？ 例如，我编码JQ是这样的：

I wander how send post form data in json format via ajax with JQuery dynamically? For example I'm coding something like this in JQ:

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

这很好，但在现场的应用程序经常需要发送大量表单数据和用户可以动态改变的领域，所以我不知道有多少FUNC1，FUNC2，FUNC3甚至FUNC []将被发送。 在Q是如何动态地做到这一点，在旧世界的AJAX我可以做它通过serealizing的形式发送到服务器。 感谢名单提前。

and that's good, but in live apps often need to send huge form data and user can dynamically change the fields, so I don't know how many func1, func2, func3 or even func[] will be sent. The q is how to do this dynamically, in old world of an AJAX I could done it by serealizing the form and send to the server. Thanx in advance.

推荐答案

是的，我可以把所有的数据到服务器，并在任何情况下，它会运行良好， 例如：

Yes I can send all the data to the server and in any case it will worked well, example:

$(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; });

}）;