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的更多相关文章

  1. jQuery创建ajax关键词数据搜索

    在web开发过程当中,我们经常需要在前台页面输入关键词进行数据的搜索,我们通常使用的搜索方式是将搜索结果用另一个页面显示,这样的方式对于搭建高性能网站来说不是最合适的,今天给大家分享一下如何使用 jQ ...

  2. 使用gulp创建ajax模拟请求

    概述 之前一直使用gulp构建前端项目,这个基于node流并崇尚“编程而非配置”的工具让我深深的爱上了他.强大的gulp能做到的不仅仅是压缩和合并js.css,它能做到的还有更多.今天我给大家带来使用 ...

  3. JavaScript之Ajax(一)创建Ajax对象

    // 支持浏览器的源码 function AjaxObject() { var AjaxRequest; // 缓存XHR对象便于 Ajax 使用 try { // Opera 8.0+, Firef ...

  4. 创建ajax对象并兼容多个浏览器方法简单记录

    这篇文章主要介绍了如何创建ajax对象并兼容多个浏览器,需要的朋友可以参考下<script> function createAjax(){ var request=false; //win ...

  5. ajax创建

    ajax对象创建和使用 //创建ajax对象 function createXMLhttp(){ var xmlhttp; if(window.XMLHttpRequest) {// code for ...

  6. Ajax--Ajax基于原生javascript:创建Ajax对象、链接服务器、发送请求、接受响应结果

    Ajax概述 异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. 同步请求: 请求是由浏览器发送 页面会刷新 异步请求: 请求是由浏览器的一 ...

  7. 妹味6:ajax与ajax封装

    (功能)ajax能且仅能 从服务器读取文件 (环境)需要服务器环境才能测试,可以用工具建立本地服务器环境 (缓存)解决缓存问题:url加时间戳让每次请求地址唯一,如 url='abc.txt?t='+ ...

  8. jquery+ajax(用ajax.dll)实现无刷新分页

    利用ajax.dll那种方式的无刷新,在这就不说了,新朋友可以看下我的另一片文件http://www.cnblogs.com/dachuang/p/3654632.html 首先,这里用的是jquer ...

  9. Ajax应用-Ajax传输JSON数据实例

    ———————————————————— <script type="text/javascript">            var client;          ...

  10. Ajax学习---Ajax基础学习 180128

    AJAX AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传输的数据为 ...

随机推荐

  1. Vue的自动化测试

    前言 为什么我们需要测试? 让产品可以快速迭代,同时还能保持高质量 -- 阮一峰 持续集成是什么? 对于一些相对稳定的系统级别页面,自动化测试在提高测试的效率的方面起到非常重要的作用.前端的自动化测试 ...

  2. 2015年蓝桥杯省赛A组c++第1题

    /* 方程: a^2 + b^2 + c^2 = 1000 这个方程有整数解吗?有:a,b,c=6,8,30 就是一组解. 你能算出另一组合适的解吗? 请填写该解中最小的数字. 注意:你提交的应该是一 ...

  3. Linux上mount 挂载windows共享文件权限问题

    在服务器部署的时候需要把文件夹设置在windows的共享文件上.在使用mount命令挂载到linux上后.文件路径和文件都是可以访问,但是不能写入,导致系统在上传文件的时候提示“权限不够,没有写权限” ...

  4. ms sql server 游标

    很简单的一个小例子. /****** Object: StoredProcedure [dbo].[usp_test] Script Date: 10/28/2016 15:08:31 ******/ ...

  5. flex布局 响应式布局

    移动端页面开发流程   移动端页面布局 一.移动端app分类 1.Native App原生app手机应用程序 使用原生的语言开发的手机应用,Android系统用的是java,ios系统用的是objec ...

  6. 前端 HTML form表单标签 input标签 type属性 radio 单选框

    <input type="radio"> 单选框 适用于 选择性别按钮网页等 <!DOCTYPE html> <html lang="en& ...

  7. IE8.0如何关闭启用内存保护帮助减少联机攻击?

    默认情况下,该选项卡是灰色的(表示用户不能直接修改),win7电脑可以通过“以管理员身份”运行 IE 来放开该功能,但个别电脑即便用这种方法仍无法解决,此时,您可以试试如下方法: 1.在“运行”框中输 ...

  8. 三角形的优雅值(map和哈希表)

    给你 n 个三角形,每个三角形有一个优雅值,然后给出一个询问,每次询问一个三角形,求与询问的三角形,相似的三角形中的优雅值最大是多少.★数据输入第一行输入包括 n 一个数字,接下来 n 行,每行四个整 ...

  9. UE4程序及资源加密保护方案

    UnrealEngine4外壳加密 . Virbox Protector 解决代码反汇编和反dump代码,解决软件盗版与算法抄袭. 虚幻引擎4是由游戏开发者为开发游戏而制作的.完整的游戏开发工具套件. ...

  10. oracle sql小结(主要讲横列转换的例子)decode 以及case

    --建表 create table kecheng( id NUMBER, name VARCHAR2(20), course VARCHAR2(20), score NUMBER); --插入数据i ...