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结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
Feb 18 Javascript
Jquery attr("checked") 返回checked或undefined 获取选中失效
Oct 10 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
javascript常见用法总结
May 22 Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 Javascript
javascript关于继承的用法汇总
Dec 20 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
实例代码讲解jquery easyui动态tab页
Nov 17 Javascript
JavaScript面向对象分层思维全面解析
Nov 22 Javascript
Vue声明式渲染详解
May 17 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
浅谈JavaScript中的属性:如何遍历属性
Sep 14 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初学者头疼问题总结
2006/10/09 PHP
封装一个PDO数据库操作类代码
2009/09/09 PHP
PHP 删除一个目录及目录下的所有文件的函数代码
2010/05/26 PHP
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
PHP socket 模拟POST 请求实例代码
2016/07/18 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
2016/06/06 Javascript
将json转换成struts参数的方法
2016/11/08 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
angular 实时监听input框value值的变化触发函数方法
2018/08/31 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
2020/06/02 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
在Python中操作列表之List.append()方法的使用
2015/05/20 Python
python绘制直线的方法
2018/06/30 Python
python数据类型可变不可变知识点总结
2020/03/06 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
酒店中秋节促销方案
2014/01/30 职场文书
银行开业庆典方案
2014/02/06 职场文书
十一酒店活动方案
2014/02/20 职场文书
调解协议书
2014/04/16 职场文书
学习演讲稿范文
2014/05/10 职场文书
模特大赛策划方案
2014/05/28 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
个人自我剖析材料
2014/09/30 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers