Ajax-创建ajax
- UNSENT : 未发送,刚开始创建完成AJAX对象,默认的状态就是0
- OPENED : 已打开,执行了xhr.open之后状态变为1
- HEADERS_RECEIVED :响应头信息已经成功的返回并且被接收
- LOADING : 响应主体内容正在加载
- DONE :响应主体内容接收成功
- xhr.status : 服务器返回的HTTP网络状态码
- : 请求成功
- 【 开头的都是成功但是有转折】
- : 永久重定向(永久转移) 例如:访问京东以前的域名www.360buy.com;
- 在控制台network里,可以看到301,域名更换的时候我们基本上都会做301做永久的重定向;
- : 临时重定向(临时转移) --> (临时重定向) ;例如:一台服务器最高并发数在500左右,当501个人过来的时候,当前服务器不能有效的进行处理了,此时我们需要把此客户端的请求临时转移到另外一台服务器上进行处理;
- : 读取的是缓存的数据,在真实的项目中,产品一旦上线,资源图片、JS、CSS等内容是不轻易改变的,此时我们最好做一下304缓存:第一次向服务器发送请求来访问的时候,把加载完成的资源文件进行缓存,第二次直接读取缓存中的数据即可,减少服务器压力;
- 【4开头的一般都是客户端的错误】
- 请求参数有误
- 请求的权限不够
- 请求的地址不存在
- 【服务器端的错误】
- 未知的服务器端错误 (停电,着火,服务器爆炸等等不可预知错误....)
- 服务器超负荷 (春运抢票的时候你一定会看到这个状态)
- $.ajax({
- url: 'temp.json',
- method: 'get',
- //->type:'get' 和这个属性是一样的功能的,除了写get还可以写post、head、delete、put...
- dataType: 'json',
- //->预设服务器返回的数据内容的格式json(默认)、text、xml...
- data: null,
- //->设置请求主体的内容,如果是GET请气,JQ会把这些内容放到请求地址的末尾,通过问号传参的方式传递给服务器,POST请求才是放在请求主体中
- cache: true,
- //->是否保留GET请求的缓存,TRUE是保留也就是不清除GET缓存,设置成为FALSE是清除缓存(在URL末尾加随机数),此参数对于POST请求无效
- async: true,
- //->设置同步异步,默认是TRUE代表异步
- //timeout:3000,//->设置请求超时的时间,如果超过3000MS,当前请求自动中断(一般不用)
- success: function (result) {
- //->当数据请求成功后执行的回调函数,result就是从服务器获取的结果
- console.log(result);
- },
- error: function (msg) {
- //->当数据请求失败指定的回调函数,msg就是失败的原因
- }
- });
- // JQ中的参数配置大概在20多个左右,以上只是最常用的几个
- /*
- * [data]
- * get->放在URL末尾
- * post->放在请求主体
- *
- * 字符串->写的是什么传递就是什么
- * 对象->会把对象变成 key1=value1&key2=value2... 传递给服务器
- */
Ajax-创建ajax的更多相关文章
- jQuery创建ajax关键词数据搜索
在web开发过程当中,我们经常需要在前台页面输入关键词进行数据的搜索,我们通常使用的搜索方式是将搜索结果用另一个页面显示,这样的方式对于搭建高性能网站来说不是最合适的,今天给大家分享一下如何使用 jQ ...
- 使用gulp创建ajax模拟请求
概述 之前一直使用gulp构建前端项目,这个基于node流并崇尚“编程而非配置”的工具让我深深的爱上了他.强大的gulp能做到的不仅仅是压缩和合并js.css,它能做到的还有更多.今天我给大家带来使用 ...
- JavaScript之Ajax(一)创建Ajax对象
// 支持浏览器的源码 function AjaxObject() { var AjaxRequest; // 缓存XHR对象便于 Ajax 使用 try { // Opera 8.0+, Firef ...
- 创建ajax对象并兼容多个浏览器方法简单记录
这篇文章主要介绍了如何创建ajax对象并兼容多个浏览器,需要的朋友可以参考下<script> function createAjax(){ var request=false; //win ...
- ajax创建
ajax对象创建和使用 //创建ajax对象 function createXMLhttp(){ var xmlhttp; if(window.XMLHttpRequest) {// code for ...
- Ajax--Ajax基于原生javascript:创建Ajax对象、链接服务器、发送请求、接受响应结果
Ajax概述 异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. 同步请求: 请求是由浏览器发送 页面会刷新 异步请求: 请求是由浏览器的一 ...
- 妹味6:ajax与ajax封装
(功能)ajax能且仅能 从服务器读取文件 (环境)需要服务器环境才能测试,可以用工具建立本地服务器环境 (缓存)解决缓存问题:url加时间戳让每次请求地址唯一,如 url='abc.txt?t='+ ...
- jquery+ajax(用ajax.dll)实现无刷新分页
利用ajax.dll那种方式的无刷新,在这就不说了,新朋友可以看下我的另一片文件http://www.cnblogs.com/dachuang/p/3654632.html 首先,这里用的是jquer ...
- Ajax应用-Ajax传输JSON数据实例
———————————————————— <script type="text/javascript"> var client; ...
- Ajax学习---Ajax基础学习 180128
AJAX AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传输的数据为 ...
随机推荐
- background属性解释
如background: url(images/img1.jpg) no-repeat 0 0; 其中的 0 0,前一个是横坐标上的数,后一个表示纵坐标上的数,而很神奇的是,作为参考的坐标原点不是永远 ...
- angular4 辅助路由
1.辅助路由 2. 创建chat组件 ng g component chat 3. 组件html css: 1 2 3 4 5 6 7 .chat{ background:green; hei ...
- python-----实现接口自动化测试(实例4)
实现接口自动化测试1.读取case---从测试用例Excel表格中读取接口请求数据2.调用接口---发送请求获取实际结果3.校验结果---实际结果与预期结果对比4.结果写入表格---将实际结果与测试状 ...
- mysql 事务队列 写入 幂等性 重复写入
mysql 事务队列 写入 幂等性 重复写入
- 1 byte 8 bit 1 sh 1 bit 2. 字符与编码在程序中的实现
https://en.wikipedia.org/wiki/Shannon_(unit) 1字节(英语:Byte)=8比特(英语:bit) The shannon (symbol Sh), also ...
- Flink – WindowedStream
在WindowedStream上可以执行,如reduce,aggregate,min,max等操作 关键是要理解windowOperator对KVState的运用,因为window是用它来存储wind ...
- git 码云的常用命令(版本控制)
首先在码云仓库创建对应的仓库 当你输入错误用户名和密码 需要清掉配置 git config --system --unset credential.helper 设置账号 git config --g ...
- ubuntu windows10 in GPT HDD GRUB Boot
some thing wrong with my input, I can just use English -_-!!! The HDD have two kinds of formart, GP ...
- JavaScript indexOf() 方法
定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(searchvalue,fromindex) 说明 该方法将从头 ...
- UniConnectDialog使用
对话框中文显示 设计视图 设置参数 取值结果 获取根据参数设置的值关键代码 UniConnection1.ConnectDialog := UniConnectDialog1; UniConnecti ...