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 ajax BUG:object doesn't support this property or method
Jul 06 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
Dec 03 Javascript
五段实用的js高级技巧
Dec 20 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
Aug 12 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
vue-router跳转时打开新页面的两种方法
Jul 29 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
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遍历所有文件及文件夹的方法深入解析
2013/06/08 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
拖拉表格的JS函数
2008/11/20 Javascript
javascript模拟订火车票和退票示例
2014/04/24 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
2016/10/24 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
原生js仿浏览器滚动条效果
2017/03/02 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
编程语言Python的发展史
2014/09/26 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
pandas 快速处理 date_time 日期格式方法
2018/11/12 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
举例讲解Python常用模块
2019/03/08 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
Python3 把一个列表按指定数目分成多个列表的方式
2019/12/25 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
世界领先的电子书网站:eBooks.com(在线购买小说、非小说和教科书)
2019/03/30 全球购物
外语系毕业生自荐信范文
2013/12/16 职场文书
幼儿园教师工作制度
2014/01/22 职场文书
药学职务聘任书
2014/03/29 职场文书
党校毕业个人总结
2015/02/28 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
iPhone13再次曝光
2021/04/15 数码科技
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android