jQuery中Ajax快捷方法之$.get()

$.get()方法用于一个HTTP GET请求从服务器加载数据,书写格式如下

jQuery.get( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] )

• url 类型: String 一个包含发送请求的URL字符串
• data类型: PlainObject, String发送给服务器的字符串或Key/value键值对
• success(data)类型: Function()当请求成功后执行的回调函数
• dataType类型: String从服务器返回的预期的数据类型。默认：智能猜测（xml, json, script, 或 html）

本节课程例子

//通过绑定一次点击事件来获得数据
  $("button").one("click",function(){
    $.get("http://cdn.gbtags.com/gblibraryassets/libid102/jsondata.jsp",
     function(data){
       for(var i=0;i<4;i++){
         $.each(data[i],function(key,value){
           var t=$("<td></td>").text(value);
           $("tr").eq(i+1).append(t);    
         });
                            
       } 
 
     }, "json");
  
  });

当我们点击按钮之后出发一个一次性的Ajax请求,$.get()方法是Ajax请求的快捷方法之一,以下是我们请求的json数据格式,数据中每一段数据存在数组格式中

1. [{
2. "Name" : "terry lee",
3. "RollNo" : 1,
4. "Mark" : "80"
5. },
6. {
7. "Name" : "Jack lee",
8. "RollNo" : 2,
9. "Mark" : "70"
10. },
11. {
12. "Name" : "Paul lee",
13. "RollNo" : 3,
14. "Mark" : "90"
15. },
16. {
17. "Name" : "Mary lee",
18. "RollNo" : 4,
19. "Mark" : "75"
20. }]

我们可以看到一共有四段数据在其中,所以我们使用for循环来在外部遍历4次，每一段数据中有三条数据,我们使用$.each()方法来进行每一段数据的遍历,将每一条数据插入到表格中