jquery的几种ajax方式对比

最新推荐文章于 2022-05-05 14:43:43 发布

qbz2004

最新推荐文章于 2022-05-05 14:43:43 发布

阅读量650

点赞数

分类专栏： Jquery 文章标签： jquery ajax callback json url function

Jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jquery的ajax方式有如下几种:
1.   $.post(url,params,callback);
2.   $.getJSON(url,params,callback);
3.   $.ajax();
4.   $.load(url,params,callback);

第一种:采用post方式提交，中文参数无需转码，在callback中如果要获取json字符串，还需转换一下。
如：

1.$.post(url,   
2.                            {id: id,   
3.                            code: code,   
4.                             companyId:companyId    
5.                             },   
6.                        function (data){   
7.                            showCompanyRadialDataListdatalist   
8.                            });   
9.  
10.这个datalist为从后台取回来的数据List。   
11.  
12.function showCompanyRadialDataList(datalist){   
13. var obj = eval(datalist);     
14.}//这个eval可以将data转成json串。方便后面取值。    
15.如：   
16.    for (var i =0 ; i< obj.length ;i++){    
17.          $("td:eq(1)",$tr).htmlobj[i].nuclide);//这里可以用json方式取  datalist里面的数据    
18.     }   
19.

第2种方式:getJSON采取get方式提交，所以如果你的params参数里面有中文的话，请先转码，否则会出现乱码提交到后台。

1.$.getJSON(url,param,function(jsondata){   
2.这里返回的jsondata可以直接取不用再转换了。   
3.如：jsondata[0].nuclide    
4.}

第3种方式:$.ajax，这种方式最灵活。

1.$.ajax({   
2.        url: url,//地址    
3.        data: data,//参数    
4.        type: 'POST',//提交方式 可以选择post/get 推荐post     
5.             async: false,//同步异步     
6.        dataType: 'json',//返回数据类型     
7.        success:function(data){   
8.            accidentList = data.list;   
9.        //这里可以直接取data里面的数据了，因为设置返回值为json方式。             
10.        }   
11.    });

当然$.ajax里面还有很多参数可以加更多的特效在里面，如ajaxStart ,ajaxStop等等，
上面的参数type,async,dataType都不是必须的。
第4种方式:$.load 这种用得很少，一般是来加载某一个页面或者xml等等。

总结:如果参数中没有中文，又想直接用json ,那就推荐$.getJSON,如果有中文那就采用$.post或者$.ajax。