js中常见的几种调用ajax的方式

三种Ajax调用方式对比

最新推荐文章于 2024-02-08 09:54:56 发布

最新推荐文章于 2024-02-08 09:54:56 发布 · 555 阅读

文章标签：

#javascript #ViewUI

本文介绍了三种不同的Ajax调用方式，包括使用jQuery、Ext.js库实现的异步请求，并探讨了各自的使用场景及特点。

在项目中多处调用了ajax技术，但方式不尽相同，现在还不知道原理有何不一样，反正先贴出来好了。。。

方式一：

try
{
$.ajax({ url: szAjaxUrl,
type:"post",
data: "iComLsh="+ iVal,
dataType:"html",或者dataType:"text",也可以不写
error:function(){
alert("网络断开或异常，请检查！");
},
success:function(msg){
////相应操作1
},
complete:function(){
//CompleteLogUser();
},
});
}
catch(err)
{
alert(err.description);
}

方式二：(我最喜欢用的)

Ext.lib.Ajax.request(
'POST',
'doJudgeTime.jsp',
{
success:function(response){
iNowTimeTmp = response.responseText;
///操作
},
failure:function(){
alert('获取中心时间失败');
}
},'参数1=' + Ext.encode(orgIds)
);

方式三：

Ext.Ajax.request({
url: “getfrontuserform.jsp",
method: 'POST',
callback: function(o, s, r) {
if(s){
var divFinalHtml = r.responseText;
////操作
}else {
alert("网络连接失败");
}
},
params: {add:iType}
}) ;