举例说明ajax的应用,AJAX应用举例

当用户输入lixin时，显示“该用户名已存在”；输入其他内容是，显示“该用户名可以注册”.

index.jsp:

//根据不同的浏览器创建不同的XMLHttpRequest对象

function createXmlHttpRequest()

{

var xmlreq = false;

if (window.XMLHttpRequest) {

xmlreq = new XMLHttpRequest();

} else if (window.ActiveXObject) {

try { //创建较新版本的对象

xmlreq = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e1) {

try {

xmlreq = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e2) {

}

}

}

return xmlreq; }

function userNameCheck()

{

var username = document.all.username.value;//获得text的值

var request = createXmlHttpRequest();//创建request 对象

request.open("post","ValidationServlet?username="+username);//建立到服务器的新请求

request.send();//向服务器发送请求

request.onreadystatechange=function()//指定当readyState属性改变时的事件处理句柄

{

if (request.readyState==4)//提取当前HTTP的就绪状态,状态4表示：响应已完成，可以访问服务器响应并使用它

if (request.status==200)//HTTP状态,我们期望的状态码是 200，它表示一切顺利。

//如果就绪状态是 4 而且状态码是 200，就可以处理服务器的数据了，而且这些数据应该就是要求的数据

{

var value = request.responseText;//服务器返回响应文本

if (value=="true")

{

document.all.unc.innerHTML="该用户名已存在";

}

else

{

document.all.unc.innerHTML="该用户名可以注册";

}

}

}

}

AjaxTest

用户姓名：

ValidationServlet.java:

package sample;

import java.io.*;

import java.text.*;

import javax.servlet.*;

import javax.servlet.http.*;

public class ValidationServlet extends HttpServlet {

protected void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException {

this.doPost(request,response);

}

protected void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException {

String username=request.getParameter("username");

if(username.equals("lixin"))

response.getWriter().print("true");

else

response.getWriter().print("false");

}}

总结

以上是编程之家为你收集整理的AJAX应用举例全部内容，希望文章能够帮你解决AJAX应用举例所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。