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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
在网页里看flash的trace数据的js类
Jan 10 Javascript
基于JQuery 的消息提示框效果代码
Jul 31 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
浅谈javascript中遇到的字符串对象处理
Nov 18 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
Sep 11 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 Javascript
javascript中函数的写法实例代码详解
Oct 28 Javascript
微信小程序全局变量功能与用法详解
Jan 22 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
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/10/22 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
php不写闭合标签的好处
2014/03/04 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
PHP插件PHPMailer发送邮件功能
2017/02/28 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
分页栏的web标准实现
2011/11/01 Javascript
jQuery随机切换图片的小例子
2013/04/18 Javascript
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
2017/07/13 Javascript
解决IE7中使用jQuery动态操作name问题
2017/08/28 jQuery
vue cli2.0单页面title修改方法
2018/06/07 Javascript
layui table 表格模板按钮的实例代码
2019/09/21 Javascript
解决vue init webpack 下载依赖卡住不动的问题
2020/11/09 Javascript
使用python 获取进程pid号的方法
2014/03/10 Python
使用Python3中的gettext模块翻译Python源码以支持多语言
2015/03/31 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
python最长回文串算法
2018/06/04 Python
Python读取csv文件分隔符设置方法
2019/01/14 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
党员年终民主评议的自我评价
2013/11/05 职场文书
50岁生日感言
2014/01/23 职场文书
公司委托书格式范文
2014/04/04 职场文书
学校感恩节活动策划方案
2014/10/06 职场文书
2014年安全工作总结范文
2014/11/13 职场文书