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几种形式的树结构菜单
May 10 Javascript
javascript 实现简单的table排序及table操作练习
Dec 28 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
Jquery解析json数据详解
Dec 26 Javascript
JavaScript Array对象扩展indexOf()方法
May 09 Javascript
JQuery中层次选择器用法实例详解
May 18 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
Js中async/await的执行顺序详解
Sep 22 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
Koa项目搭建过程详细记录
Apr 12 Javascript
js实现简单选项卡功能
Mar 23 Javascript
javascript简单实现深浅拷贝过程详解
Oct 08 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文件操作实现代码分享
2011/09/01 PHP
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
PHP json_encode中文乱码问题的解决办法
2013/09/09 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
使用Nodejs开发微信公众号后台服务实例
2014/09/03 NodeJs
jQuery中triggerHandler()方法用法实例
2015/01/19 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
JavaScript的设计模式经典之代理模式
2016/02/24 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
详解如何使用Vue2做服务端渲染
2017/03/29 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
Python中的连接符(+、+=)示例详解
2017/01/13 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
pandas删除指定行详解
2019/04/04 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
Flask框架学习笔记之消息提示与异常处理操作详解
2019/08/15 Python
python日志模块logbook使用方法
2019/09/19 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
大学生四个方面的自我评价
2013/09/19 职场文书
保卫科工作岗位职责
2014/03/01 职场文书
听证会主持词
2015/07/03 职场文书
学校教师培训工作总结
2015/10/14 职场文书
python文件目录操作之os模块
2021/05/08 Python