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更改class和id的方法
Oct 10 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
jQuery组件easyui基本布局实现代码
Aug 25 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
Jan 17 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
vue.js实现的幻灯片功能示例
Jan 18 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实现数组重复数字统计实例
2018/09/30 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
Javascript Throttle & Debounce应用介绍
2013/03/19 Javascript
基于jQuery的图片不完全按比例自动缩小
2014/07/11 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
2016/07/12 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
Bootstrap入门教程一Hello Bootstrap初识
2017/03/02 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
2020/04/09 Javascript
[50:17]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Windows下安装python MySQLdb遇到的问题及解决方法
2017/03/16 Python
Python中几种导入模块的方式总结
2017/04/27 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
python基于win32api实现键盘输入
2020/12/09 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
Paradigit比利时电脑卖场:购买笔记本、电脑、平板和外围设备
2016/11/28 全球购物
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
货物运输服务质量承诺书
2014/05/29 职场文书
七一党日活动总结
2014/07/08 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
奖金申请报告模板
2015/05/15 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书