【GET:获取资源】
GET方法用来请求已被URI识别的资源。指定的资源经服务器端解析后返回响应内容(也就是说,如果请求的资源是文本,那就保持原样返回;如果是CGI[通用网关接口]那样的程序,则返回经过执行后的输出结果)。
最常用于向服务器查询某些信息。必要时,可以将查询字符串参数追加到URL末尾,以便将信息发送给服务器。
使用GET请求时经常会发生的一个错误,就是查询字符串的格式有问题。查询字符串中每个参数的名称和值都必须使用encodeURLComponent()进行编码,然后才能放到URL的末尾;而且所有的名-值对都必须由(&)分离,如下面的例子:
xhr.open("get","01.php?name=foodoir&age=21",true);
下面这个函数可以辅助现有URL的末尾添加查询字符串参数:
这个addURLParam函数接受三个参数:要添加参数的URL、参数的名称和参数的值。
下面是使用这个函数来构建URL的示例
【POST:传输实体文本】
POST方法用来传输实体的主体。
虽然用GET方法也可以传输实体的主体,但一般不用GET方法进行传输,而是用POST方法;虽然GET方法和POST方法很相似,但是POST的主要目的并不是获取响应的主体内容。
POST请求的主体可以包含非常多的数据,而且格式不限。下面举一个例子:
xhr.open("post","01.php",true);
发送POST请求的第二步就是向send方法中传入某些数据,由于XHR最初的设计是为了处理XML,因此也可以在此处理XML DOM文档,传入的文档经过序列化之后将作为请求主体被提交到服务器。
默认情况下,服务器对于POST请求和提交WEB表单的请求并不会一视同仁,我们来看下面一段代码:
我们可以模仿XHR表单提交:首先将Content-Type头部信息设置为application/x-www-form-urlencoded,也就是表单提交时的类型,其次是以适当的格式创建一个字符串(POST数据格式与查询字符串的格式相同),如果需要将页面中表单的数据进行序列化,然后再通过XHR函数发送到服务器,那么可以使用序列化函数serialize()
|