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 相关文章推荐
jQuery 性能优化指南(3)
May 21 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
基于jQuery实现多层次的手风琴效果附源码
Sep 21 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
在微信小程序中渲染HTML内容的方法示例
Sep 28 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
element中的$confirm的使用
Apr 26 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
Javascript中的解构赋值语法详解
Apr 02 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
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
在线竞拍系统的PHP实现框架(一)
2006/10/09 PHP
分析 JavaScript 中令人困惑的变量赋值
2007/08/13 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
移动节点的jquery代码
2014/01/13 Javascript
详解JavaScript语法对{}处理的坑爹之处
2014/06/05 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
BootStrap tab选项卡使用小结
2020/08/09 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
JavaScript命令模式原理与用法实例详解
2020/03/10 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
Python压缩和解压缩zip文件
2015/02/14 Python
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
简单了解Python中的几种函数
2017/11/03 Python
python Pandas 读取txt表格的实例
2018/04/29 Python
django利用request id便于定位及给日志加上request_id
2018/08/26 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
浅谈Pycharm调用同级目录下的py脚本bug
2018/12/03 Python
django query模块
2019/04/20 Python
python3人脸识别的两种方法
2019/04/25 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
pycharm导入源码的具体步骤
2020/08/04 Python
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
费用会计岗位职责
2014/01/01 职场文书
情侣吵架检讨书
2014/02/05 职场文书
《北大荒的秋天》教学反思
2014/04/14 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
2015年幼儿园教研活动总结
2015/03/25 职场文书
采购部2015年度工作总结
2015/07/24 职场文书
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
2022/04/06 Vue.js