您的位置:首页 > 其它

如何封装AJAX请求,这样方便与后台做请求交互!

2017-12-23 17:18 435 查看
最近在实习的过程中,写了很多的AJAX请求,由于开发的是CRM系统,所以很多的东西需要与后台进行请求,所以在前台页面少不了要写很多的AJAX,因为form表单的局限性,所以在很多情况下是不使用的!由于本人最近忙于实习工作,也很少写文章,这就写一篇,也算是记录下自己的生活轨迹吧!

其实封装的JS用的好处就是不要像原生的AJAX那个繁琐,用起来很随意方便。这也是提高做项目的速度吧,当然这也会有不好的地方,可能习惯了这种方式,原生的也就会有所忘记。。。。这就很尴尬了!

下面是我最近在用的封装AJAX的一些方法,可以方便小伙伴们借鉴。有两种方式:

function JsonFn(urlRequest, data, fnDeal){

if (/\?/g.test(urlRequest))
{
urlRequest += "&eedateGFL=" + new Date();
}
else
{
urlRequest += "?eedateGFL=" + new Date();
}
$.ajax({
url 	: urlRequest,
type 	: 'post',
cache	: false,
data 	:  data,
dataType: 'json',
success : function(result) {
if(result.code=='0'){
if(typeof(fnDeal) != "undefined")
{
fnDeal(result);
}
}
else if(result.code=='110')
{
window.parent.location.href=getRootPath();
}
else
{
alert(result.msg);
}
},
error : function(da) {
}
});
}
function JsonFn2(urlRequest, data, fnDeal){

if (/\?/g.test(urlRequest))
{
urlRequest += "&eedateGFL=" + new Date();
}
else
{
urlRequest += "?eedateGFL=" + new Date();
}
$.ajax({
url 	: urlRequest,
type 	: 'post',
cache	: false,
data 	:  data,
dataType: 'json',
success : function(result) {
if(typeof(fnDeal) != "undefined")
{
fnDeal(result);
}
},
error : function(da) {
}
});
}
其中JsonFn(url,data,function(result){})这种方法调用是带有原生处理的,就是后台设置回点参数的时候会自动调用,而JsonFn2()是不会自动调用的,所以看你选择哪一种调用方式咯,我是觉得第二种比较符合我自己的想法,想用的时候自己调用,这样更人性化,在这里写的也不是很多,也算记录下,可能在接下来的一段时间会有更新自己学到的一些东西 ,有空就会和小伙伴分享啦!!!觉得可以的,不懂的可以私信找我哦!!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: