使用Jquery实现Ajax

jQuery提供了$.ajax()方法,利用此方法我们可以轻松发起Ajax请求，并且可以根据需要设置AJAX的每一个细节，语法如下

1、$.ajax(options)

利用已传递的选项（控制如何生成请求以及如何通知回调函数）来发起Ajax请求。

参数：

  options，JSON对象，其属性定义这个操作的参数。

返回：XMLHttpRequest对象

2、JSON中的每个结构单元均由花括号{}表示，每个结构中可以包含多个由逗号（，）分割的成员，而每个成员均是一个“键/值”对。

值不仅可以是普通的字符串，也可以是一个有序列表，用方括号[]标识，其中可以包含以逗号隔开的多个值。

JSON示例

{

  “success” :”true ”,

  ……

  data:[

  {

  “id”:”1”,

  “author”:”someone1”,

  “url”:”http://someone1.x2design.net”,

  “content”:”content1”

  },

  {

  “id”:”1”,

  “author”:”someone1”,

  “url”:”http://someone1.x2design.net”,

  “content”:”content1”

 

  }

  ]

}

3、JavaScript解析JSON

JSON无需解析而直接嵌入到JavaScript中去，关键在于JavaScript的eval()方法。

//假设response变量保存了上述文本。

//eval()方法用于将这个文本转换为JSON对象。

json=eval(response);

for(var i=0;i<json.data.length;i++){

  document.write(json.data[i].id + “<br/>”);

  document.write(json.data[i].author + “<br/>”);

  document.write(json.data[i].url + “<br/>”);

  document.write(json.data[i].content + “<br/>”);

}