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 setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 Javascript
Javascript获取CSS伪元素属性的实现代码
Sep 28 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
javascript常用的设计模式
Feb 09 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
微信小程序实现文字无限轮播效果
Dec 28 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
js实现限定范围拖拽的示例
Oct 26 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
PHP4实际应用经验篇(5)
2006/10/09 PHP
PHP文件缓存内容保存格式实例分析
2014/08/20 PHP
php文件下载处理方法分析
2015/04/22 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
JS+CSS实现的经典tab选项卡效果代码
2015/09/16 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
jQuery 插件封装的方法
2016/11/16 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
JS遍历对象属性的方法示例
2017/01/10 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
Javascript实现的StopWatch功能示例
2017/06/13 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
2018/12/05 Javascript
js实现星星打分效果
2020/07/05 Javascript
详解JavaScript中的链式调用
2020/11/27 Javascript
Vue3+elementui plus创建项目的方法
2020/12/01 Vue.js
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
python通过ssh-powershell监控windows的方法
2015/06/02 Python
在django模板中实现超链接配置
2019/08/21 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
卡骆驰英国官网:Crocs英国
2019/08/22 全球购物
越南母婴用品购物网站:Kids Plaza
2020/04/09 全球购物
毕业留言寄语大全
2014/04/10 职场文书
2014国庆节商场促销活动策划方案
2014/09/16 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
退货证明模板
2015/06/23 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
Python的这些库,你知道多少?
2021/06/09 Python