当前位置: 首页 > 面试题库 >

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

耿志义
2023-03-14
问题内容

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


问题答案:

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

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

});



 类似资料:
  • 问题内容: 我正在使用jQuery将JSON发布到Java服务器,但是我认为JSON一定是错误的。这是我的数据及其发送方式的示例: 我正在使用Wicket的AbstractAjaxBehavior接收数据,并希望获得一个我可以解析的JSON字符串。当我获得传递的参数的映射时,键集如下所示: 显然,我可以轻松获取名称和描述的值,但是我的项目数组的键弄乱了。我敢肯定这很简单,但是我似乎一直在解决这个问

  • 问题内容: 我有这个json数据: 使用php我如何发送此发布请求? 问题答案: 不 使用任何外部依赖项或库: $ response 是一个对象。可以像往常一样访问属性,例如 $ response- > … 其中 $ data 是包含 数据 的数组: 警告 :如果在php.ini 中将 allow_url_fopen 设置设置为 Off ,则此方法将无效。

  • 问题内容: 我有一个期望接收json的Web服务,如下所示: 我在jquery中的ajax调用: 有什么方法可以检查数据的发送格式?据说我没有将正确的JSON发送到服务器(这是验证的第一步)。 我的jquery代码是否发送有效的JSON或我错过了什么? 问题答案: 您实际上并不是在发送JSON。您正在将对象传递为,但是您需要对对象进行字符串化,然后传递字符串。 您只告诉jQuery您希望它解析返回

  • 问题内容: 我是PHP / jquery的新手,我想问一下如何使用json格式的ajax从表单字段(例如(名称,年龄等))发送json数据。可悲的是,我找不到与此相关的任何信息,甚至可以动态地进行?Google搜索仅提供诸如手动建立数据之类的答案。:,等等。 反正有做吗? 谢谢您的帮助! 编辑: 问题答案: 这是一个简单的 这是我的test.php仅用于测试 这是我的index.html 两个文件

  • 问题内容: 我们如何在NodeJS中发出这样的HTTP请求?示例或模块的赞赏。 问题答案: Mikeal的请求 模块可以轻松做到这一点:

  • 本文向大家介绍django通过ajax发起请求返回JSON格式数据的方法,包括了django通过ajax发起请求返回JSON格式数据的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了django通过ajax发起请求返回JSON格式数据的方法。分享给大家供大家参考。具体实现方法如下: 这是后台处理的: 这是AJAX部分: URL的配置是: 希望本文所述对大家的Python程序设计有所帮助