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 CSS 修改学习第四章 透明度设置
Feb 19 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
Jun 14 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
jquery中用函数来设置css样式
Dec 22 Javascript
JavaScript内存泄漏的处理方式
Nov 20 Javascript
vue-prop父组件向子组件进行传值的方法
Mar 01 Javascript
JS中双击和单击事件冲突的解决方法
Apr 09 Javascript
javascript、php关键字搜索函数的使用方法
May 29 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
node 文件上传接口的转发的实现
Sep 23 Javascript
JSONObject与JSONArray使用方法解析
Sep 28 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伪静态写法附代码
2008/06/20 PHP
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
使用Laravel中的查询构造器实现增删改查功能
2019/09/03 PHP
prototype.js的Ajax对象
2006/09/23 Javascript
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
2016/07/09 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
NodeJS遍历文件生产文件列表功能示例
2017/01/22 NodeJs
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
python分割和拼接字符串
2013/11/01 Python
Python 编码处理-str与Unicode的区别
2016/09/06 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Django中自定义模型管理器(Manager)及方法
2019/09/23 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
2020/02/03 Python
python对execl 处理操作代码
2020/06/22 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
CSS3中Animation属性的使用详解
2015/08/06 HTML / CSS
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
早晨薰衣草在线女性精品店:Morning Lavender
2021/01/04 全球购物
自我鉴定三原则
2014/01/13 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
优秀员工评优方案
2014/06/13 职场文书
委托公证书样本
2015/01/23 职场文书
2015年建党94周年演讲稿
2015/03/19 职场文书
2016年校园社会综合治理宣传月活动总结
2016/03/16 职场文书
nginx反向代理时如何保持长连接
2021/03/31 Servers