//创建json数据格式
var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin",
"email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter",
"email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold",
"email": "elharo@macfaq.com" } ], "authors": [ { "firstName": "Isaac",
"lastName": "Asimov", "genre": "science fiction" }, { "firstName": "Tad",
"lastName": "Williams", "genre": "fantasy" }, { "firstName": "Frank",
"lastName": "Peretti", "genre": "christian fiction" } ], "musicians": [
{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } ] };
//发送json数据
var url = "organizePeople.php?people=" + escape(people.toJSONString());
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);
这种做法已经是可以了,但是传送的url参数可能会太长,因为json对象我们不肯定有多少数据
所以应该考虑用post,而放弃用get
var url = "organizePeople.php?timeStamp=" + new Date().getTime();
request.open("POST", url, true);
request.onreadystatechange = updatePage;
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send(people.toJSONString());
application/x-www-form-urlencoded,它让服务器知道现在发送的是文本,正如它从常规的 HTML 表单中得到的一样。
分享到:
相关推荐
以下是一个简单的jQuery AJAX回调函数获取JSON数据的示例代码: ```javascript $.ajax({ url: 'your_data_endpoint.json', // 这应替换为实际的JSON数据源URL type: 'GET', dataType: 'json', success: ...
在本场景中,我们将重点讨论如何利用Struts2作为后台处理框架,与前端Ajax通过JSON(JavaScript Object Notation)数据格式进行数据交换。 **Struts2框架** Struts2是一个基于MVC(Model-View-Controller)设计模式...
通过设置Ajax请求的`error`回调函数,可以对解析错误进行适当响应,提示用户或进行其他恢复操作。 5. **使用fetch API**:现代浏览器提供了fetch API,它提供了一种更优雅的方式来处理Ajax请求。使用fetch时,可以...
通过该示例代码,可以实现客户端和服务器端之间的数据交互,並使用 JSON 数据格式来传递数据。该方法可以广泛应用于 Web 开发中,以实现异步数据交互和数据传递。 知识点总结: 1. 使用 $.ajax 对象实现异步数据...
本教程将深入探讨如何使用jQuery通过Ajax处理JSON格式的数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,是Web服务和客户端之间交换数据的常用...
3. 在前端处理返回的JSON数据:在$.ajax()方法的success回调函数中,返回的数据会被处理。这里使用了eval()函数来转换字符串形式的JSON数据为JavaScript对象。然而,在实际开发中,出于安全考虑,不建议使用eval()...
在AJAX的回调函数中,我们可以通过`responseText`或`response`属性获取到服务器返回的JSON数据字符串。然后,使用`JSON.parse()`方法将这个字符串转换为JavaScript对象,以便在客户端进行操作。 以jQuery为例,一个...
这个方法允许我们设置请求的URL、类型(GET或POST)、数据格式(如'json')等参数。例如: ```javascript $.ajax({ url: 'your/local/json/data/source', type: 'GET', dataType: 'json', success: function...
2. **接收JSON数据**:服务器返回的数据如果也是JSON格式,可以在Ajax的回调函数中,使用`JSON.parse()`将接收到的JSON字符串转换成JavaScript对象,然后进行进一步处理。 3. **跨域问题**:由于同源策略限制,Ajax...
在以上代码中,服务器接收到请求后,将返回的数据以JSON格式封装在回调函数内,客户端接收到响应后会自动执行这个函数,将数据解析并处理。 总结起来,jQuery的jsonp机制使得跨域请求变得简单。通过在客户端设置`...
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时...通过实践,可以深入理解JSON数据格式、AJAX的异步特性,以及jQuery在处理AJAX请求中的便利性。
4. **处理数据**:当script标签被加载并执行时,它会自动调用指定的回调函数,并将数据作为参数传递给该函数。 这种方法的关键在于,当`<script>`标签被插入到文档中并执行时,它会被当作JavaScript代码执行,从而...
总结来说,从给定文件的内容来看,介绍了 JSON 数据格式的特性,jQuery 中处理 Ajax 请求的基本方式,以及如何通过 jQuery 的 `$.ajax()` 和 `$.getJSON()` 方法获取和处理 JSON 数据。同时,还通过实际的代码示例,...
标题提到的“对象转换为JSON数据格式”,在JavaScript中,我们可以通过`JSON.stringify()`方法将JavaScript对象转换成JSON字符串。这个方法接受三个参数:要转换的对象、用于替换值的函数以及保留哪些属性的白名单或...
在 success 回调函数中,我们将 JSON 数据解析并显示在 HTML 页面上。 PHP 页面 在 PHP 页面中,我们首先获取 POST 请求中的数据,并将其存储在变量中。然后,我们使用 json_encode() 函数将数据编码成 JSON 格式...
总结起来,使用Ajax向PHP服务端发送请求并接收JSON数据涉及的主要步骤包括创建XMLHttpRequest对象、设置回调函数、打开连接、设置请求头、发送请求以及在服务端处理请求和返回JSON数据。理解这些步骤对于Web开发中的...
JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...
3. JSON数据格式:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,由于JSON的这些特性,它成为了Ajax交互中最常用的数据格式之一。在Ajax请求中,...
在Ajax的回调函数中,接收到JSON数据后,可以通过JSON.parse()方法将其转换为JavaScript对象,然后进行操作。 ```javascript if (xhr.readyState == 4 && xhr.status == 200) { var jsonData = JSON.parse(xhr....
AJAX (Asynchronous JavaScript and XML) 和 JSON (JavaScript Object Notation) 是Web开发中的核心技术,它们结合使用可以实现页面无刷新地实时更新数据,提供更好的用户体验。本篇将深入讲解如何利用AJAX和JSON每...