js如何获取ajax返回的json的数据

JavaScript059

js如何获取ajax返回的json的数据,第1张

JSON 一种轻量级的数据交换格式，非常适合于服务器与 JavaScript 的交互。（现在公司大部分都用这个）。 json的表示方式：{"city":"Beijing","street":" Chaoyang Road ","postcode":100025} ，这就是个简单的json对象。实际上此处的 json对象相当于 Java 中的 Map<String, Object>。注意 Key 只能用 String 表示。

其中 Value 也可以是另一个 Object 或者数组，因此，复杂的 Object 可以嵌套表示，例如，一个 Person 对象包含 name 和 address 对象，可以表示如下：

{"name":"Michael","address":

{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}

}

</SPAN>

</SPAN>JavaScript 处理 JSON 数据

function handleJson() {

var j={"name":"Michael","address":

{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}

}

document.write(j.name)

document.write(j.address.city)

}

现在一般在后台用gson将数据转换成json对象，前台用jquery的ajax与后台的数据进行交互。具体咋用网上有很多实例，如果实在不懂得话，加我的qq:1249119842.

后台返回的是json字符串，你可以把ajax的datatype设置为json,或者用json.parse,或者用var dataObj=eval("("+data+")"),这些都可以把json字符串转为对象，那样你就可以处理

使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据是设置错误造成的，解决方法为：

1、创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js。

2、如图分别编写json_ajax.html和json_ajax.php文件的编码。

3、分别在w(l)amp环境下运行json_ajax.html和json_ajax.php。

4、经过源码和运行结果的分析，知道了在json_ajax.html中设置了按钮的点击事件,点击按钮。

注意事项：

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。