首页 > 代码库 > Ajax请求返回Json数据

Ajax请求返回Json数据

介绍一下用Ajax向服务器请求数据的方法,以及对于返回的Json数据的使用。

 

 1 $.ajax({
 2      type:"post",
 3      async:false,
 4      url: ********
 5      data:{"province":$("#provice").val(),
 6                "city":$("#city").val(),
 7                "area":$("#area").val()     },
 8      dataType:"json",
 9      success:function(data){
10                      //请求数据成功的回调函数
11             }
12      error:function(error){
13                     //请求数据失败的回调函数
14             }
15 })

一般的数据请求,这几个属性就够用了。下面来稍稍的介绍一下这几个属性:
“type”  请求数据的方式为 post

"async"  默认设置为true,即异步请求。设置为false时为同步请求

“url”    处理请求的地址

“data”   发送给服务器的数据。注意:冒号前为服务器认定的数据名,冒号后为要发送给服务器相应数据名的相应的值

“dataType”   请求的数据类型为json

 

OK,ajax请求基本上就是这样了。下面讲一下json数据的使用。

1、形如 data=http://www.mamicode.com/[‘电饭锅‘,‘冰箱‘,‘空调‘,‘电磁炉‘,‘电热水壶‘,‘电热毯‘]的json数据

    类似于数组。可直接用data[i]进行查询或遍历,例如data[2]=“空调”

 

2、形如data=http://www.mamicode.com/[{"id":1,"name":“张三”},{"id":2,"name":“李四”},{"id":3,"name":“王二”}]

    类似拥有属性的数组。通过data[i]得到某条数据,然后用 .name 获得相应的名字的值

    例如:data[1]={"id":2,"name":“李四”},

             data[1].name=“李四”

 

本文完。

欢迎大家指正!

 

Ajax请求返回Json数据