深入理解ajax系列第六篇

【深入理解ajax系列第六篇】的更多相关文章

深入理解ajax系列第六篇——头部信息

前面的话每个HTTP请求和响应都会带有相应的头部信息,其中有的对开发人员有用.XHR对象提供了操作头部信息的方法.本文将详细介绍HTTP的头部信息默认信息默认情况下,在发送XHR请求的同时,还会发送下列头部信息 Accept: 浏览器能够处理的内容类型 Accept-Charset: 浏览器能够显示的字符集 Accept-Encoding: 浏览器能够处理的压缩编码 Accept-Language: 浏览器当前设置的语言 Connection: 浏览器与服务器之间连接的类型 Cookie:…

深入理解ajax系列第六篇

前面的话每个HTTP请求和响应都会带有相应的头部信息,其中有的对开发人员有用.XHR对象提供了操作头部信息的方法.本文将详细介绍HTTP的头部信息默认信息默认情况下,在发送XHR请求的同时,还会发送下列头部信息 Accept: 浏览器能够处理的内容类型 Accept-Charset: 浏览器能够显示的字符集 Accept-Encoding: 浏览器能够处理的压缩编码 Accept-Language: 浏览器当前设置的语言 Connection: 浏览器与服务器之间连接的类型 Cookie:…

深入理解ajax系列第八篇——表单提交

前面的话在以前,网站的用户与后端交互的主要方式是通过HTML表单的使用.表单的引入在1993年,由于其简单性和易用性,直到电子商务出现之前一直保持着重要位置.理解表单提交,对于更深入地理解ajax是有好处的.下面将详细介绍表单形式的交互建立表单表单处理是一个多线程.首先创建一个表单,以供用户输入详细的请求信息.接着,输入的数据被发送到网页服务器,在服务器里这些数据得到编译和错误检测.如果PHP代码标识出一个或多个需要重要输入的字段,则带有相关错误信息的表单会重新显示.当精确的输入信息满足代…

深入理解ajax系列第八篇

前面的话在以前,网站的用户与后端交互的主要方式是通过HTML表单的使用.表单的引入在1993年,由于其简单性和易用性,直到电子商务出现之前一直保持着重要位置.理解表单提交,对于更深入地理解ajax是有好处的.下面将详细介绍表单形式的交互建立表单表单处理是一个多线程.首先创建一个表单,以供用户输入详细的请求信息.接着,输入的数据被发送到网页服务器,在服务器里这些数据得到编译和错误检测.如果PHP代码标识出一个或多个需要重要输入的字段,则带有相关错误信息的表单会重新显示.当精确的输入信息满足代…

深入理解ajax系列第四篇——请求实例

前面的话在使用ajax的过程中,常用的请求方式是GET和POST两种.本文将以实例的形式来详细说明这两种请求方式 GET GET是最常见的请求类型,最常用于向服务器查询某些信息.必要时,可以将查询字符串参数追加到URL的末尾,以便将信息发送给服务器.对于XHR而言,位于传入open()方法的URL末尾的查询字符串必须经过正确的编码才行使用GET请求经常会发生的一个错误,就是查询字符串的格式有问题.查询字符串中每个参数的名称和值都必须使用encodeURIComponent()进行编码,然后才…

深入理解ajax系列第三篇——响应解码

前面的话我们接收到的响应主体类型可以是多种形式的,包括字符串String.ArrayBuffer对象.二进制Blob对象.JSON对象.javascirpt文件及表示XML文档的Document对象等.下面将针对不同的主体类型,进行相应的响应解码属性在介绍响应解码之前,要先了解XHR对象的属性.一般地,如果接受的数据是字符串,使用responseText即可,这也是最常用的用于接收数据的属性.但如果获取了其他类型的数据,使用responseText可能就不太合适了 [responseTex…

深入理解ajax系列第七篇——传递JSON

前面的话虽然ajax全称是asynchronous javascript and XML.但目前使用ajax技术时,传递JSON已经成为事实上的标准.因为相较于XML而言,JSON简单且方便.本文将上一篇中的实例进行改写,以JSON的方式来进行数据传递前端页面  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…

深入理解ajax系列第七篇

前面的话虽然ajax全称是asynchronous javascript and XML.但目前使用ajax技术时,传递JSON已经成为事实上的标准.因为相较于XML而言,JSON简单且方便.本文将上一篇中的实例进行改写,以JSON的方式来进行数据传递前端页面  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…

深入理解ajax系列第三篇

前面的话我们接收到的响应主体类型可以是多种形式的,包括字符串String.ArrayBuffer对象.二进制Blob对象.JSON对象.javascirpt文件及表示XML文档的Document对象等.下面将针对不同的主体类型,进行相应的响应解码属性在介绍响应解码之前,要先了解XHR对象的属性.一般地,如果接受的数据是字符串,使用responseText即可,这也是最常用的用于接收数据的属性.但如果获取了其他类型的数据,使用responseText可能就不太合适了 [responseTex…

深入理解ajax系列第四篇——FormData

前面的话现代Web应用中频繁使用的一项功能就是表单数据的序列化,XMLHttpRequest 2级为此定义了FormData类型.FormData为序列化表单以及创建与表单格式相同的数据提供了便利.本文将先介绍表单编码,然后过渡到表单序列化,最后引出FormData的核心概念表单编码当用户提交表单时,表单中的数据(每个表单元素的名字和值)编码到一个字符串中并随请求发送.默认情况下,HTML表单通过POST方法发送给服务器,而编码后的表单数据则用做请求主体对表单数据使用的编码方案相对简单:…

深入理解ajax系列第四篇

前面的话现代Web应用中频繁使用的一项功能就是表单数据的序列化,XMLHttpRequest 2级为此定义了FormData类型.FormData为序列化表单以及创建与表单格式相同的数据提供了便利.本文将先介绍表单编码,然后过渡到表单序列化,最后引出FormData的核心概念表单编码当用户提交表单时,表单中的数据(每个表单元素的名字和值)编码到一个字符串中并随请求发送.默认情况下,HTML表单通过POST方法发送给服务器,而编码后的表单数据则用做请求主体对表单数据使用的编码方案相对简单:…

深入理解ajax系列第三篇——头部信息

前面的话每个HTTP请求和响应都会带有相应的头部信息,其中有的对开发人员有用.XHR对象提供了操作头部信息的方法.本文将详细介绍HTTP的头部信息默认信息默认情况下,在发送XHR请求的同时,还会发送下列头部信息 Accept: 浏览器能够处理的内容类型 Accept-Charset: 浏览器能够显示的字符集 Accept-Encoding: 浏览器能够处理的压缩编码 Accept-Language: 浏览器当前设置的语言 Connection: 浏览器与服务器之间连接的类型 Cookie:…

深入理解ajax系列第五篇——进度事件

前面的话一般地,使用readystatechange事件探测HTTP请求的完成.XHR2规范草案定义了进度事件Progress Events规范,XMLHttpRequest对象在请求的不同阶段触发不同类型的事件,所以它不再需要检査readyState属性.这个草案定义了与客户端服务器通信有关的事件.这些事件最早其实只针对XHR操作,但目前也被其他API(如File API)借鉴.本文将详细介绍进度事件基础有以下6个进度事件 loadstart:在接收到响应数据的第一个字节时触发 prog…

深入理解ajax系列第五篇

前面的话一般地,使用readystatechange事件探测HTTP请求的完成.XHR2规范草案定义了进度事件Progress Events规范,XMLHttpRequest对象在请求的不同阶段触发不同类型的事件,所以它不再需要检査readyState属性.这个草案定义了与客户端服务器通信有关的事件.这些事件最早其实只针对XHR操作,但目前也被其他API(如File API)借鉴.本文将详细介绍进度事件基础有以下6个进度事件 loadstart:在接收到响应数据的第一个字节时触发 prog…

深入理解ajax系列第一篇——XHR对象

× 目录 [1]创建对象 [2]发送请求 [3]接收响应[4]异步处理[5]实例演示前面的话 ajax是asynchronous javascript and XML的简写,中文翻译是异步的javascript和XML,这一技术能够向服务器请求额外的数据而无须卸载页面,会带来更好的用户体验.虽然名字中包含XML,但ajax通信与数据格式无关.下面将详细介绍ajax的内容创建 ajax技术的核心是XMLHttpRequest对象(简称XHR),这是由微软首先引入的一个特性,其他浏览器提供商后来…

深入理解JavaScript系列（结局篇）

介绍最近几个月忙得实在是不可开交,终于把<深入理解JavaScript系列>的最后两篇“补全”了,所谓的全是不准确的,因为很多内容都没有写呢,比如高性能.Ajax安全.DOM详解.JavaScript架构等等.但因为经历所限,加上大叔希望接下来写点其它东西,所以此篇文字就暂且当前完结篇的总结吧,以后有时间的话,可以继续加上一些未涉及的专题内容. 网络文章来源本系列文章参考了大量的互联网网站,在此向各位网站拥有者.博主.提到的以及未提到的作者们说一声:多谢感谢了. 本系列文章主要参考了如下站…

深入理解ajax系列第二篇——请求方式

前面的话在上一篇中,概要地介绍了XHR对象的使用.本文将详细介绍使用XHR对象发送请求的两种方式——GET和POST.下面将以实例的形式来详细说明 GET GET是最常见的请求类型,最常用于向服务器查询某些信息,它适用于当URL完全指定请求资源,当请求对服务器没有任何副作用以及当服务器的响应是可缓存的情况下 [数据发送] 使用GET方式发送请求时,数据被追加到open()方法中URL的末尾数据以问号开始,名和值之间用等号链接,名值对之间用和号(&)分隔.使用GET方式发送的数据常常被称为查询…

深入理解ajax系列第二篇

前面的话在上一篇中,概要地介绍了XHR对象的使用.本文将详细介绍使用XHR对象发送请求的两种方式——GET和POST.下面将以实例的形式来详细说明 GET GET是最常见的请求类型,最常用于向服务器查询某些信息,它适用于当URL完全指定请求资源,当请求对服务器没有任何副作用以及当服务器的响应是可缓存的情况下 [数据发送] 使用GET方式发送请求时,数据被追加到open()方法中URL的末尾数据以问号开始,名和值之间用等号链接,名值对之间用和号(&)分隔.使用GET方式发送的数据常常被称为查询…

深入理解脚本化CSS系列第六篇——脚本化伪元素的6种方法

× 目录 [1]动态样式 [2]CSS类[3]setAttribute()[4]CSSRule对象添加[5]空样式覆盖[6]CSSRule对象删除前面的话我们可以通过计算样式来读取伪元素的样式信息,但是却无法使用javascript来直接操作伪元素,本文以一个需求解决为例,详细介绍脚本化伪元素的6种方法需求说明 [1]为id=box的div元素添加content="前缀"的:before伪元素 [2]为已经添加:before伪元素的div元素删除伪元素 [注意]由于IE7-浏览…

深入理解DOM事件类型系列第六篇——加载事件

前面的话提到加载事件,可能想到了window.onload,但实际上,加载事件是一大类事件,本文将详细介绍加载事件 load load事件是最常用的一个事件,当页面完全加载后(包括所有图像.javascript文件.CSS文件等外部资源),就会触发window上的load事件 [注意]IE8-浏览器不会为该事件设置srcElement属性,而其他浏览器的target属性指向document window.onload = function(e){ e = e || event; var tar…

深入理解ajax系列第九篇——jQuery中的ajax

前面的话 jQuery提供了一些日常开发中需要的快捷操作,例如load.ajax.get和post等,使用jQuery开发ajax将变得极其简单.这样开发人员就可以将程序开发集中在业务和用户体验上,而不需要理会那么繁琐的XMLHTTPRequest对象.jQuery对ajax操作进行了封装,在jQuery中$.ajax()属性最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法.下面将详细介绍jQuery中的aj…

深入理解ajax系列第九篇

前面的话 jQuery提供了一些日常开发中需要的快捷操作,例如load.ajax.get和post等,使用jQuery开发ajax将变得极其简单.这样开发人员就可以将程序开发集中在业务和用户体验上,而不需要理会那么繁琐的XMLHTTPRequest对象.jQuery对ajax操作进行了封装,在jQuery中$.ajax()属性最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法.下面将详细介绍jQuery中的aj…

深入理解 ajax系列第一篇（XHR 对象）

1999年,微软公司发布了IE5, 第一次引入新功能:允许javascript 脚本向服务器发起 hffp 请求.这个功能方式并没有被引起注意,知道2004年 Gmail 发布和 Google Map 发布,才引起广泛关注.2005 年2月,ajax 这个词第一次正式提出,指围绕这个功能进行开发一整套做法,从此,ajax称为脚本发起http通信的代名词, W3C也在 2006 年发布了它的国际标准. 概述: Ajax是 asynchronous javasricot and XM;L 的简写,中…

【Windows编程】系列第六篇：创建Toolbar与Statusbar

上一篇我们学习了解了如何使用Windows GDI画图,该应用程序都是光光的静态窗口,我们使用Windows应用程序,但凡稍微复杂一点的程序都会有工具栏和状态栏,工具栏主要用于一些快捷功能按钮.比如典型的windows应用程序的上面是菜单栏,从菜单栏我们可以选择应用程序提供的各种功能,但是有的功能比较常用,且不能放在第一级菜单,需要进入二级.三级甚至更多的菜单才能选择.显然这样使用起来比较麻烦,于是这时候工具栏的作用就体现出来了,一般工具栏位于菜单栏的下面,但是位于客户窗口的上面.下面就是win…

List集合对象去重及按属性去重的8种方法-java基础总结系列第六篇

最近在写一些关于java基础的文章,但是我又不想按照教科书的方式去写知识点的文章,因为意义不大.基础知识太多了,如何将这些知识归纳总结,总结出优缺点或者是使用场景才是对知识的升华.所以我更想把java相关的基础知识进行穿针引线,进行整体上的总结. 总结java中创建并写文件的5种方式总结java从文件中读取数据的6种方法总结java创建文件夹的4种方法及其优缺点总结java中删除文件或文件夹的7种方法总结java中文件拷贝剪切的5种方式比如之前我已经写了上面的这些内容,如果对java基…

深入理解闭包系列第三篇——IIFE

× 目录 [1]实现 [2]用途前面的话严格来讲,IIFE并不是闭包,因为它并不满足函数成为闭包的三个条件.但一般地,人们认为IIFE就是闭包,毕竟闭包有多个定义.本文将详细介绍IIFE的实现和用途实现函数跟随一对圆括号()表示函数调用 //函数声明语句写法 function test(){}; test(); //函数表达式写法 var test = function(){}; test(); 但有时需要在定义函数之后,立即调用该函数.这种函数就叫做立即执行函数,全称为立即调用的函数表…

MongoDB基础教程系列--第六篇 MongoDB 索引

使用索引可以大大提高文档的查询效率.如果没有索引,会遍历集合中所有文档,才能找到匹配查询语句的文档.这样遍历集合中整个文档的方式是非常耗时的,特别是处理大数据时,耗时几十秒甚至几分钟都是有可能的. 创建索引 MongoDB 中,使用 ensureIndex() 方法创建索引. 格式 db.COLLECTION_NAME.ensureIndex({KEY:1}) 其中,KEY表示要创建索引的字段名称,1 表示按升序排列字段值.-1 表示按降序排列. 范例 1.给 user 集合中 name 字段添…