ajax请求data遇到的问题分析


Posted in Javascript onJanuary 18, 2018

使用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方法需要。

angularJS请求得一些总结

$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,这时候就进去了失败的函数,所以还是后台坑了你,和后台商量下空的时候也返回你一个对象就可以了。

以上就是我们本次整理的关于ajax请求中遇到的问题,大家在学习的时候如果还有任何不明白的可以在下方的留言区讨论,感谢你对三水点靠木的支持。

Javascript 相关文章推荐
浅析JavaScript中的CSS属性及命名规范
Nov 28 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
jQuery中before()方法用法实例
Dec 25 Javascript
javascript中var的重要性分析
Feb 11 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
JavaScript获取客户端IP的方法(新方法)
Mar 11 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
Javascript字符串常用方法详解
Jul 21 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
浅谈Vue数据响应
Nov 05 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 #Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 #Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 #Javascript
详解微信小程序审核不通过的解决方法
Jan 17 #Javascript
swiper动态改变滑动内容的实现方法
Jan 17 #Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
Jan 17 #Javascript
使用Vue开发一个实时性时间转换指令
Jan 17 #Javascript
You might like
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
php双层循环(九九乘法表)
2017/10/23 PHP
jQuery常见开发技巧详细整理
2013/01/02 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
Jquery时间轴特效(三种不同类型)
2015/11/02 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
2016/08/24 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
JavaScript中展开运算符及应用的实例代码
2021/01/14 Javascript
Python实现的矩阵类实例
2017/08/22 Python
python多进程实现进程间通信实例
2017/11/24 Python
详解Python核心对象类型字符串
2018/02/11 Python
TensorFlow实现Softmax回归模型
2018/03/09 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
python后端接收前端回传的文件方法
2019/01/02 Python
python实现趣味图片字符化
2019/04/30 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
大学生学习党课思想汇报
2014/01/03 职场文书
中学生评语大全
2014/04/18 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
解决Python字典查找报Keyerror的问题
2021/05/26 Python
CSS基础详解
2021/10/16 HTML / CSS
Vue监视数据的原理详解
2022/02/24 Vue.js
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫