关于ajax技术

更新时间:2023-11-30 22:59:01 阅读量: 教育文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

创建简单的ajax方法

1:关于escape(city)

这里是把city进行转码,防止city的值出现问题。 2:关于request.open(\,url,true);

第一个参数为传递值的方法,还有“post”方法,还有其他方法。

第三个参数为true时,处理为异步进行,为false时,处理为同步进行,使用ajax需异步进行,所以默认的值就是true,但是还是写上为好。

3:关于request.onreadystatechange=returnUser; 此处设置的是服务器端处理完成时,客户端的响应函数。

4:关于request.send(null);

这里是传递参数的,但是在url里已经包含参数了,所以这里一般就是null。 5:关于xmlhttp.readyState == 4

? ? ? ? ?

0:请求未初始化(还没有调用 open())。

1:请求已经建立,但是还没有发送(还没有调用 send())。 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。

3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的成。 4:响应已完成;您可以获取并使用服务器的响应了。

这里不写xmlhttp.readyState == 4也可以,但是有可能或处理多次结果,在“4”时服务器已经响应完成,这是结果只会响应一次,所以最好加上。 6:关于request.status==200

这里“200”是“请求成功”。这里的状态还有很多,就不一一列举了,最常见的就是“404错误—找不到网页”,心爱你感情可以查阅“ajax 属性status” 7: 关于request.responseText();

用于接收服务器返回的值。 注意返回值。

使用xml格式发送数据时,最好使用post请求,因为有些浏览器限制了get请求的字符串长度。

另外xml数据通过send方式发送,而不是附着在url后。

需要request.setRequestHeader函数,而且需放在open语句之后。

var firstName=document.getElementById(firstName).value; var url=\“;

var xmlString=\+\+escape(firstName)+\\request.open(\,url,true);

request.setRequestHeader(\

request.onreadystatechange=returnUser; request.send(xmlString);

注意:使用ajax不一定非要用xml,使用xml会花费很大的劳动,而且在变量很多时,构建xmlString很费力气,还有可能出错,而且使用xml在大多数情况下会增加复杂性并且减慢速度。

返回的Xml型数据是一个大的字符串。如下:

Alias6.5Lost<</p><p>/title><rating>14.2</rating></show><show><title>SixDegrees69.1

var xmlString=request.responseXML;//获取返回的xml型数据 var showElements=xmlString.getElementsByTagName(\for(var x=0;x< showElements.length;x++){ //获取每一对数据 var title= showElements[x].childNodes[0].value; var rating= showElements[x].childNodes[1].value; }

用String username=request.getParameter(\接受数据

用Out.print()和out.wirte()显示数据 Out.print()不会显示html格式 out.wirte()会显示html格式

如果多个数据的话可以把他们合并到一个字符串,再进行out.wirte(),当然了,为了方便拆分,可以在合并时加上分隔符,分隔符可以自己定义,用什么都可以 例如:

<%

String username=request.getParameter(\); String username=request.getParameter(\password \); String username=request.getParameter(\email \); String all=username+\+password+\+email; out.print(all);

System.out.println(\+username); %>

接受数据后可以按照“|”进行拆分。

本文来源:https://www.bwwdw.com/article/tpdt.html

Top