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 相关文章推荐
各种常用的JS函数整理
Oct 25 Javascript
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
JavaScript中的对象序列化介绍
Dec 30 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
js获得当前系统日期时间的方法
May 06 Javascript
基于Jquery实现焦点图淡出淡入效果
Nov 30 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
bootstrap下拉框动态赋值方法
Aug 10 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 foreach 参数强制类型转换的问题
2010/12/10 PHP
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
Yii净化器CHtmlPurifier用法示例(过滤不良代码)
2016/07/15 PHP
Zend Framework基于Command命令行建立ZF项目的方法
2017/02/18 PHP
PHP基于递归实现的约瑟夫环算法示例
2017/08/27 PHP
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
Jquery实现图片放大镜效果的思路及代码(自写)
2013/10/18 Javascript
AJAX跨域请求json数据的实现方法
2013/11/11 Javascript
js获取IFRAME当前的URL的方法
2013/11/13 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
2020/12/09 Javascript
pycharm 使用心得(三)Hello world!
2014/06/05 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
python实现图片彩色转化为素描
2019/01/15 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
python环境路径配置以及命令行运行脚本
2019/04/02 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
教师实习自我鉴定
2013/12/14 职场文书
销售助理岗位职责
2014/02/21 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
支教个人总结
2015/03/04 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang
Java结构型设计模式之组合模式详解
2022/09/23 Java/Android