jquery的ajax异步请求接收返回json数据实例

  jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。

  代码示例如下:

  

复制代码 代码如下:

  $('#send').click(function () {

  $.ajax({

  type : "GET",

  url : "a.php",

  dataType : "jsonp",

  success : function (data) {

  $.each(data.items, function (i, item) {

  $("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText");

  if (i == 3) {

  return false;

  }

  });

  }

  });

  });

  $.ajax方法如下:

  

复制代码 代码如下:

  $.ajax({

  type: "POST",

  url:  ctxRoot+'FolderAction!saveInformSetting.action',

  data: 'jsonStr=' + inform_settingListStr,

  dataType: "json",

  complete: function(data){

  //在这里做些事情,假设返回的json数据里有name这个属性

  //有时候可以直接data.name或者data['name']去访问

  //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success

  }

  });

  $.ajax(options)

  这是最根本的JQuery Ajax方法,只有一个参数options,该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现,并且都是可选的。

  语法如下:

  $.ajax({options});

  url:(string)发送请求的地址,可以是服务器页面也可以是WebService动作。

  type:(string)请求方式,POST或GET

  data:(object)向服务器发送请求时带去的数据。是key:value对形式,如:{name:"grayworm",sex:"male"},如果是数组{works:["work1","work2"]}

  dataType:(string)预期返回的数据类型。xml,html,json,text等

  beforeSend:(Function)发送ajax请求前被触发,如果返回false则取消本次请求。如果异步请求需要显示gif动画,那应当在这里设置相应<img>的可见。