传统方法的缺点:　　传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整...

　　偶尔会遇到类似复选框的一个属性存在多值情况，若使用ajax提交的化，设置data：{ids:[1,2,3,4]}提交后，后台无法使用ids获取到数据。　　这里可以用到ajax的 traditional参数，把 traditional设置为true就可以。$.ajax({url:url,tradi...

　　jQuery提供了一些日常开发中需要的快捷操作，例如load、ajax、get和post等，使用jQuery开发ajax将变得极其简单。这样开发人员就可以将程序开发集中在业务和用户体验上，而不需要理会那么繁琐的XMLHTTPRequest对象。jQuery对ajax操作进行了封装，在jQuery中$.ajax()属...

　　一般地，使用readystatechange事件探测HTTP请求的完成。XHR2规范草案定义了进度事件ProgressEvents规范，XMLHttpRequest对象在请求的不同阶段触发不同类型的事件，所以它不再需要检査readyState属性。这个草案定义了与客户端服务器通信有关的事件。这些事件最早其实只针对X...

　　现代Web应用中频繁使用的一项功能就是表单数据的序列化，XMLHttpRequest2级为此定义了FormData类型。FormData为序列化表单以及创建与表单格式相同的数据提供了便利。本文将先介绍表单编码，然后过渡到表单序列化，最后引出FormData的核心概念 表单编码　　当用户提交表单时，表单中的...

　　我们接收到的响应主体类型可以是多种形式的，包括字符串String、ArrayBuffer对象、二进制Blob对象、JSON对象、javascirpt文件及表示XML文档的Document对象等。下面将针对不同的主体类型，进行相应的响应解码 属性　　在介绍响应解码之前，要先了解XHR对象的属性。一般地，如果...

　　虽然ajax全称是asynchronousjavascriptandXML。但目前使用ajax技术时，传递JSON已经成为事实上的标准。因为相较于XML而言，JSON简单且方便。本文将上一篇中的实例进行改写，以JSON的方式来进行数据传递 前端页面<!--前端页面--><!DOCTYPE...

　　在上一篇中，概要地介绍了XHR对象的使用。本文将详细介绍使用XHR对象发送请求的两种方式——GET和POST。下面将以实例的形式来详细说明 GET　　GET是最常见的请求类型，最常用于向服务器查询某些信息，它适用于当URL完全指定请求资源，当请求对服务器没有任何副作用以及当服务器的...

　　每个HTTP请求和响应都会带有相应的头部信息，其中有的对开发人员有用。XHR对象提供了操作头部信息的方法。本文将详细介绍HTTP的头部信息 默认信息　　默认情况下，在发送XHR请求的同时，还会发送下列头部信息Accept:浏览器能够处理的内容类型Accept-Charset:浏览器能够显示的字符集Acce...

　　在以前，网站的用户与后端交互的主要方式是通过HTML表单的使用。表单的引入在1993年，由于其简单性和易用性，直到电子商务出现之前一直保持着重要位置。理解表单提交，对于更深入地理解ajax是有好处的。下面将详细介绍表单形式的交互 建立表单　　表单处理是一个多线程。首先创建一个表单，以供用户输入详细的请求信...

如果用户取消上传后背景提示自动消失了....修正Bug....同时也更新了不同上传类型的提示字体大小... 2017-05-26增加了鼠标释放提示先看之前的效果： 再看现在的效果： 升级拖拽过程详解:1：文件未拖出文件选择框的时候提示：将要上传的文件或文件夹拖拽至此区域2：文件拖出文件选择...

我们先来看一下文件夹结构这是上传处理的： 看一下系统日志： 升级拖拽过程详解:1：文件未拖出文件选择框的时候提示：将要上传的文件或文件夹拖拽至此区域2：文件拖出文件选择框但未拖入上传的文件框提示：请继续拖拽文件或文件夹至此区域3：文件拖出文件选择框且已拖入上传的文件框提示：文件已拖拽到上传区域内请释...

未上传时要实现取消，很简单...但如果用户点击了上传，并加载了进度信息... 2017-05-04再次改进。在上传过程中用户可以按Esc来取消上传(取消当前上传，或者是全部上传)...也可以在取消选择的界面再次按Esc继续上传。。。在用户没有作出选择之前，上传的行为任然在进行（bug）下个版本会实现真正在暂停...

$.ajaxSettings.global=false;$.getJSON(show.conf.url,show.conf.data,function(d){});...

<?xmlversion="1.0"encoding="GBK"?><projectname="struts"basedir="."default=""><propertyname="dist"value="classes"/><propertyname="src"value=...