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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
Javascript模块化编程详解
Dec 01 Javascript
jQuery实现html表格动态添加新行的方法
May 28 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
AngularJS过滤器filter用法分析
Dec 11 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
JS触摸与手势事件详解
May 09 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 Javascript
vue 扩展现有组件的操作
Aug 14 Javascript
Ant Design Pro 之 ProTable使用操作
Oct 31 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基于mcrypt的加密解密实例
2014/10/27 PHP
php线性表的入栈与出栈实例分析
2015/06/12 PHP
值得分享的php+ajax实时聊天室
2016/07/20 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
thinkphp分页集成实例
2017/07/24 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
Gambit vs CL BO3 第二场 2.13
2021/03/10 DOTA
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
解决Vue-cli无法编译es6的问题
2020/10/30 Javascript
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
Tensorflow 多线程与多进程数据加载实例
2020/02/05 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
健康监测猫砂:Pretty Litter
2017/05/25 全球购物
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
酒店爱岗敬业演讲稿
2014/09/02 职场文书
门面房租房协议书
2014/12/01 职场文书
人工作失职检讨书
2015/05/05 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
MySQL 服务和数据库管理
2021/11/11 MySQL
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL