ajax基础解决方案
日期：2014-05-16 浏览次数：20847 次
ajax基础
register.php页面如下：
[code=HTML] <html>
<head>
<title> </title>
<script type= "text/javascript ">
function getXmlHttpRequest() {
var xmlHttp;
try {
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}catch (e) {
// Internet Explorer
try {
xmlHttp=new ActiveXObject( "Msxml2.XMLHTTP ");
}catch (e) {
try {
xmlHttp=new ActiveXObject( "Microsoft.XMLHTTP ");
}catch (e) {
alert( "您的浏览器不支持AJAX！ ");
return false;
}
}
}
return xmlHttp;
}
var myXmlHttpRequest = " ";
function checkUser() {
myXmlHttpRequest = getXmlHttpRequest();
if(myXmlHttpRequest) {
//post方式的url
var url = "/ajaxTest/registerProcess.php ";
var data = "username= "+$( 'username ').value;
//alert(url+ " "+data);
//post方式打开请求
myXmlHttpRequest.open( "post ",url,true);
//post方式给服务器发送请求必须先修改MINE类型
myXmlHttpRequest.setRequestHeader( "Content-Type ", "application/x-www-form-urlencode ");
//指定回调函数
myXmlHttpRequest.onreadystatechange=handle;
myXmlHttpRequest.send(data);
}
}
function $(id) {
return document.getElementById(id);
}
function handle() {
//回调函数被调用的几个状态
//alert(myXmlHttpRequest.readyState);
if(myXmlHttpRequest.readyState==4) {
alert( "服务器返回: "+myXmlHttpRequest.responseText);
}
}
</script>
</head>
<body>
<form action= " " method= "post ">
用户名字： <input type= "text " name= "username1 " id= "username ">
<input type= "button " onclick= "checkUser(); " value= "验证用户名 ">
<input style= "border-width:0;color:red " type= "text " id= "myres "> <br/>
用户密码： <input type= "password " name= "password "> <br/>
电子邮件： <input type= "text " name= "email "/>
<
register.php页面如下：
[code=HTML] <html>
<head>
<title> </title>
<script type= "text/javascript ">
function getXmlHttpRequest() {
var xmlHttp;
try {
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}catch (e) {
// Internet Explorer
try {
xmlHttp=new ActiveXObject( "Msxml2.XMLHTTP ");
}catch (e) {
try {
xmlHttp=new ActiveXObject( "Microsoft.XMLHTTP ");
}catch (e) {
alert( "您的浏览器不支持AJAX！ ");
return false;
}
}
}
return xmlHttp;
}
var myXmlHttpRequest = " ";
function checkUser() {
myXmlHttpRequest = getXmlHttpRequest();
if(myXmlHttpRequest) {
//post方式的url
var url = "/ajaxTest/registerProcess.php ";
var data = "username= "+$( 'username ').value;
//alert(url+ " "+data);
//post方式打开请求
myXmlHttpRequest.open( "post ",url,true);
//post方式给服务器发送请求必须先修改MINE类型
myXmlHttpRequest.setRequestHeader( "Content-Type ", "application/x-www-form-urlencode ");
//指定回调函数
myXmlHttpRequest.onreadystatechange=handle;
myXmlHttpRequest.send(data);
}
}
function $(id) {
return document.getElementById(id);
}
function handle() {
//回调函数被调用的几个状态
//alert(myXmlHttpRequest.readyState);
if(myXmlHttpRequest.readyState==4) {
alert( "服务器返回: "+myXmlHttpRequest.responseText);
}
}
</script>
</head>
<body>
<form action= " " method= "post ">
用户名字： <input type= "text " name= "username1 " id= "username ">
<input type= "button " onclick= "checkUser(); " value= "验证用户名 ">
<input style= "border-width:0;color:red " type= "text " id= "myres "> <br/>
用户密码： <input type= "password " name= "password "> <br/>
电子邮件： <input type= "text " name= "email "/>
<
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
