ajax带来的主要问题有哪些,ajax请求data会遇到哪些问题

本文探讨了在使用AJAX进行POST请求时,data参数的正确处理方式,强调了JSON.stringify()的重要性。不使用JSON.stringify()会导致数据以字符串形式拼接,而使用它能确保传输JSON对象。同时,文章提到了 AngularJS 中 $q 服务的延迟加载与缓存配置,并提醒在GET请求中处理空响应时的注意事项,建议与后端协商确保返回空对象。
摘要由CSDN通过智能技术生成

这次给大家带来ajax请求data会遇到哪些问题,ajax请求data的注意事项有哪些,下面就是实战案例,一起来看一下。

使用jquery,post请求data:那里要使用data:JSON.stringify(data)$.ajax({

type:"POST",

async : false,

url:"../../gzq/circle/deleteTeam",

dataType:"json",

contentType:"application/json; charset=utf-8",

data:JSON.stringify(c),

success:function(data){

console.log(data);

},

error:function(error){

console.log(error);

}

});

原因:事实上,假如不用JSON.stringify(data), 会变成字符串拼接,'name=vinxent&age=21',有点和get方法相像。若使用JSON.stringify(data),则会传输json对象--“{name;'vinxent', age:21}”

所以,在一般场景来说,get方法无需JSON.stringify,post方法需要。

$q延时加载的使用(angularJS中的promise).service('findXfzzShopInfo', ['$http', '$q', function($http, $q) {

this.get = function(shopClassId, val) {

var def = $q.defer();

$http({

url: '../../shop/findXfzzShopInfo?shopClassId=' + shopClassId + '&val=' + val,

method: 'GET',

cache: true

}).then(function(resp) {

def.resolve(resp.data);

}).catch(function(err) {

def.reject(err.data);

});

return def.promise;

};

}])

由于要进行环境的判断,将请求封装为服务,使用了$q的defer延时加载。

cache: true配置

当请求内容长时间没有变化时,我们可以使用这个配置来缓存请求,减少服务器的压力,提高页面的速度,当页面关闭的时候可以清空这个缓存。而且cahe后面也可以配置时间。

当请求为200的时候,你发现走的是失败的函数

这里要讲的不是配置responseType,而是我在get请求的时候后台返回一个列表,当有值的时候你会发现完全没有问题,没有值得时候后台就什么都没返回,而你的responseType是json,这时候就进去了失败的函数,所以还是后台坑了你,和后台商量下空的时候也返回你一个对象就可以了。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值