`
李俊良
  • 浏览: 146063 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用json数据格式进行ajax回调

    博客分类:
  • Ajax
阅读更多
//创建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成功代码

    以下是一个简单的jQuery AJAX回调函数获取JSON数据的示例代码: ```javascript $.ajax({ url: 'your_data_endpoint.json', // 这应替换为实际的JSON数据源URL type: 'GET', dataType: 'json', success: ...

    使用struts2 和ajax进行传递json数据

    在本场景中,我们将重点讨论如何利用Struts2作为后台处理框架,与前端Ajax通过JSON(JavaScript Object Notation)数据格式进行数据交换。 **Struts2框架** Struts2是一个基于MVC(Model-View-Controller)设计模式...

    处理ajax返回带有换行的json数据

    通过设置Ajax请求的`error`回调函数,可以对解析错误进行适当响应,提示用户或进行其他恢复操作。 5. **使用fetch API**:现代浏览器提供了fetch API,它提供了一种更优雅的方式来处理Ajax请求。使用fetch时,可以...

    $.ajax json数据传递方法.docx

    通过该示例代码,可以实现客户端和服务器端之间的数据交互,並使用 JSON 数据格式来传递数据。该方法可以广泛应用于 Web 开发中,以实现异步数据交互和数据传递。 知识点总结: 1. 使用 $.ajax 对象实现异步数据...

    使用jquery的方式通过ajax处理json格式的数据

    本教程将深入探讨如何使用jQuery通过Ajax处理JSON格式的数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,是Web服务和客户端之间交换数据的常用...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    3. 在前端处理返回的JSON数据:在$.ajax()方法的success回调函数中,返回的数据会被处理。这里使用了eval()函数来转换字符串形式的JSON数据为JavaScript对象。然而,在实际开发中,出于安全考虑,不建议使用eval()...

    ajax操作json数据

    在AJAX的回调函数中,我们可以通过`responseText`或`response`属性获取到服务器返回的JSON数据字符串。然后,使用`JSON.parse()`方法将这个字符串转换为JavaScript对象,以便在客户端进行操作。 以jQuery为例,一个...

    ajax获取嵌套JSON,树形控件显示

    这个方法允许我们设置请求的URL、类型(GET或POST)、数据格式(如'json')等参数。例如: ```javascript $.ajax({ url: 'your/local/json/data/source', type: 'GET', dataType: 'json', success: function...

    Ajax 使用JSON向服务器发送数据

    2. **接收JSON数据**:服务器返回的数据如果也是JSON格式,可以在Ajax的回调函数中,使用`JSON.parse()`将接收到的JSON字符串转换成JavaScript对象,然后进行进一步处理。 3. **跨域问题**:由于同源策略限制,Ajax...

    利用JQuery jsonp实现Ajax跨域请求json数据

    在以上代码中,服务器接收到请求后,将返回的数据以JSON格式封装在回调函数内,客户端接收到响应后会自动执行这个函数,将数据解析并处理。 总结起来,jQuery的jsonp机制使得跨域请求变得简单。通过在客户端设置`...

    采用Json、Jquery实现Ajax案例

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时...通过实践,可以深入理解JSON数据格式、AJAX的异步特性,以及jQuery在处理AJAX请求中的便利性。

    动态script标签技术结合JSON数据交换格式解决Ajax的跨域问题

    4. **处理数据**:当script标签被加载并执行时,它会自动调用指定的回调函数,并将数据作为参数传递给该函数。 这种方法的关键在于,当`<script>`标签被插入到文档中并执行时,它会被当作JavaScript代码执行,从而...

    jQuery中使用Ajax获取JSON格式数据示例代码.pdf

    总结来说,从给定文件的内容来看,介绍了 JSON 数据格式的特性,jQuery 中处理 Ajax 请求的基本方式,以及如何通过 jQuery 的 `$.ajax()` 和 `$.getJSON()` 方法获取和处理 JSON 数据。同时,还通过实际的代码示例,...

    对象转换为JSON数据格式&使用JQuery获取数据

    标题提到的“对象转换为JSON数据格式”,在JavaScript中,我们可以通过`JSON.stringify()`方法将JavaScript对象转换成JSON字符串。这个方法接受三个参数:要转换的对象、用于替换值的函数以及保留哪些属性的白名单或...

    php基于jquery的ajax技术传递json数据简单实例.docx

    在 success 回调函数中,我们将 JSON 数据解析并显示在 HTML 页面上。 PHP 页面 在 PHP 页面中,我们首先获取 POST 请求中的数据,并将其存储在变量中。然后,我们使用 json_encode() 函数将数据编码成 JSON 格式...

    使用Ajax向PHP服务端发送请求并返回JSON数据

    总结起来,使用Ajax向PHP服务端发送请求并接收JSON数据涉及的主要步骤包括创建XMLHttpRequest对象、设置回调函数、打开连接、设置请求头、发送请求以及在服务端处理请求和返回JSON数据。理解这些步骤对于Web开发中的...

    Jquery ajax json 总结

    JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...

    详谈 Jquery Ajax异步处理Json数据.

    3. JSON数据格式:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,由于JSON的这些特性,它成为了Ajax交互中最常用的数据格式之一。在Ajax请求中,...

    Ajax与servlet后台交互,数据类型JSON

    在Ajax的回调函数中,接收到JSON数据后,可以通过JSON.parse()方法将其转换为JavaScript对象,然后进行操作。 ```javascript if (xhr.readyState == 4 && xhr.status == 200) { var jsonData = JSON.parse(xhr....

    AJAX_JSON每秒刷新数据

    AJAX (Asynchronous JavaScript and XML) 和 JSON (JavaScript Object Notation) 是Web开发中的核心技术,它们结合使用可以实现页面无刷新地实时更新数据,提供更好的用户体验。本篇将深入讲解如何利用AJAX和JSON每...

Global site tag (gtag.js) - Google Analytics