Ajax请求过程中显示“进度”的简单实现

 8: .mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0; z-index: 1000; background-color: #000000}

 14: img id="progressImgage" alt="" src="@Url.Content("~/Images/ajax-loader.gif")"/ 

然后我们通过如下的代码为jQuery定义了另一个实现Ajax调用的方法ajax2，该方法依然调用$.ajax(options)实现Ajax调用。在ajax2方法中我们将options参数complete属性进行了“封装”，让可以将显示出来的GIF图片和遮罩 div 隐藏起来。同时覆盖了options的async属性，是之总是以异步方式执行，因为只有这样浏览器才不能被锁住，GIF也才能正常显示。在调用$.ajax(options)进行Ajax请求之前，我们将GIF图片和遮罩 div 显示出来，并且将其定位在正中央。遮罩 div 的透明度进行了相应设置，所以会出现上图（中）的效果。

 5: script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" /script 

那么现在进行Ajax调用的时候只需要调用$.ajax2就可以，如下所示的是实例中“Load”链接的click事件的注册代码：

微信公众账号：大内老A
微博：www.weibo.com/artech
如果你想及时得到个人撰写文章以及著作的消息推送，或者想看看个人推荐的技术资料，可以扫描左边二维码（或者长按识别二维码）关注个人公众号（原来公众帐号蒋金楠的自媒体将会停用）。
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 原文链接

浅谈Ajax请求中的GET,POST,PUT,DELETE,PATCH,OPTIONS 浅谈Ajax请求中的GET,POST,PUT,DELETE,PATCH,OPTIONS 在日常的前后端交互，数据请求中最长用的就是Ajax，当然在面试时也经常会被问道请求的方式有哪些？分别什么不同？一般我们都会回答GET请求和POST请求，但其实在后端配置接口时，请求方式不仅这两种，还会有PUT，DELETE,PATCH等，当然我们在开发的时候偶尔也会遇到接口要求使用这几种方式进行请求，下面我们就来讲一讲这几种方式分别有什么不同。 首先先要了解http定义与服务器进行交互的方式，其中基本的有GET,POST,PUT,DELETE，PATCH是后增的方式。同时还要知道URL代表的是 统一资源
详细解析Ajax的使用之向服务器发送GET请求 详细解析Ajax的使用之向服务器发送GET请求 上篇文章讲的如何使用Ajax发送get请求，这篇文章说如何使用Ajax发送post请求。 HTML代码： h1 ajax的post请求 /h1 button id= btn 发送请求 /button JavaScript代码： var oBtn = document.getElementById( btn // 1.初始化请求对象 var xhr; if (window.XMLHttpRequest) { xhr = new XML