ajax进行用户的有效性检测示例
ajax进行用户的有效性检测示例
1、 输入域：
会员的有效性检查：
<input type="text" name="username"> <input type="button" value="检查" onclick="return check();">
2、 JavaScript脚本：
var xmlHttp;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpReuqest();
}
//注册名有效性检查
function check() {
var username = document.getElementById('username').value;
if(username=="") {
alert("用户名不能为空！");
return;
}
createXMLHttpRequest();
xmlHttp.onreadystatechange = processCheck;
xmlHttp.open("GET", "CheckUser?username=" + username);
xmlHttp.send(null);
}
//绑定的有效性检查函数
function processCheck() {
var result;
if(xmlHttp.readyState == 4) { //如果响应完成
if(xmlHttp.status == 200) { //如果返回成功
result = xmlHttp.responseText;
&
相关文档：
本文内容摘自：《Java Web开发教程——入门与提高篇（JSP+Servlet）》
AJAX是Asynchronous JavaScript and XML的缩写，涉及JavaScript脚本、XHTML和CSS、DOM、XML和XSTL等技术。
l XHTML与CSS实现数据信息的统一化和标准化显示；
l & ......
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<sc ......
data类型
js代码：
$.post("getmaterial.do?method=getmaterial",
{name:name},
function (data) {
});
其中getmaterial.do?method=getmaterial是请求的url，{name:name}是传递到后台的参数，可以用
request.getParameter("name");获取，data是后台传递过来的数据。
action代码：
response.setContentType( ......
在使用JQuery的ajax访问页面时，总是出错，得不到返回的html代码，又不知道出的什么错，百思不得其解
于是就用XMLHTTP去访问，结果也出错，不过能够得到错误原因，然后根据错误因为去网上查，终于得到了答案。。
原来jsp的编码与java的编码不一致
方案①
错误
<%@ page contentType="text/html;charset= ......
/*
魏言AJAX 类
使用方法:
<mce:script type="text/javascript"><!--
var classAjax = new Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc);
classAjax.post();//post方式发送数据
classAjax.get();//get方式发送数据
//sUrl发送地址
//sRecvTyp 接受数据类型:0为xml 1为text
//oResultFunc 返回结果处理� ......
