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 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
javascript 用记忆函数快速计算递归函数
Mar 15 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
Oct 17 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
JQuery动画与特效实例分析
Feb 02 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
Sep 20 Javascript
微信小程序实现列表页的点赞和取消点赞功能
Nov 02 Javascript
React路由鉴权的实现方法
Sep 05 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
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
基于php验证码函数的使用示例
2013/05/03 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
PHP 二维array转换json的实例讲解
2018/08/21 PHP
php过滤htmlspecialchars() 函数实现把预定义的字符转换为 HTML 实体用法分析
2019/06/25 PHP
jquery offset函数应用实例
2012/11/14 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
JavaScript实现换肤功能
2017/09/15 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
vue组件发布到npm简单步骤
2017/11/30 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
微信小程序基于Taro的分享图片功能实践详解
2019/07/12 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
大学班级干部的自我评价分享
2014/02/10 职场文书
工程资料员岗位职责
2014/03/10 职场文书
五一劳动节活动记录
2014/03/23 职场文书
端午节活动总结
2014/08/26 职场文书
三人合伙协议书范本
2014/10/29 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
出生证明格式
2015/06/15 职场文书
宣传委员竞选稿
2015/11/19 职场文书
css背景和边框标签实例详解
2021/05/21 HTML / CSS
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
利用Python实现模拟登录知乎
2022/05/25 Python