ajax中responseText 不好用,返回不来处理页面的值
register.php<html><head><title>用户注册</title><metahttp-equiv="content-type"content="tex...
register.php
<html>
<head>
<title>用户注册</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript">
//创建ajax引擎
function getXmlHttpObject(){
var xmlHttpRequest;
//不同的浏览器获取对像方法不一样
if(window.ActiveXObject){
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttpRequest=new XMLHttpRequest;
}
return xmlHttpRequest;
}
var myXmlHttpRequest=" ";
//验证用户名是否存在
function checkName(){
myXmlHttpRequest=getXmlHttpObject();
//怎么判断创建是否成功
if(myXmlHttpRequest){
//通过myXmlHttpRequest对像发送请求到服务器的某个页面
//第一个参数表示请求的方式,“get”,"post"
//第二个参数指定url,对哪个页面发出ajax请求(ajax本质仍然是http请求)
//第三个参数表示 ture表示使用异步机制,如果是false表示不使用异步机制
var url="/ajax/registerProcess.php? username="+$("username").value;
//打开请求
myXmlHttpRequest.open("get",url,true);
//指定回调函数,chuli是一个函数名
myXmlHttpRequest.onreadystatechange=chuli;
//真的发送请求,如果是get请求,则填入空即可
//如果是post请求,则填入实际的数据
myXmlHttpRequest.send(null);
}
}
//回调函数
function chuli(){
//window.alert("处理函数被调用"+myXmlHttpRequest.readyState);
//我要取出从registerpro.php页面返回的数据
if(myXmlHttpRequest.readyState==4){
//取出值,根据返回信息的格式而定.text
window.alert("服务器返回"+myXmlHttpRequest.responsetext);
}
}
//这里写一个函数
function $ (id) {
return document.getElementById(id);
}
</script>
</head>
<body>
<form action="???" method="post">
用户名字:<input type="text" name="username1" id="username">
<input type="button" onclick="checkName();" value="验证用户名">
<input style="border-width:0; color:red" type="text" id="myres">
<br/>
用户密码:<input type="password" name="password"></br>
电子邮件:<input type="text" name="email"></br>
<input type="submit" value="用户注册" >
</form>
<form action="???" method="post">
用户名子:<input type="text" name="username2" ></br>
电子邮件:<input type="text" name="email"><br/>
<input type="submit" value="用户注册">、
</form>
</body>
</html>
registerProcess.php
<?php
//接收数据
$username=$_GET['username'];
echo "用户名是".$username;
?> 展开
<html>
<head>
<title>用户注册</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript">
//创建ajax引擎
function getXmlHttpObject(){
var xmlHttpRequest;
//不同的浏览器获取对像方法不一样
if(window.ActiveXObject){
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttpRequest=new XMLHttpRequest;
}
return xmlHttpRequest;
}
var myXmlHttpRequest=" ";
//验证用户名是否存在
function checkName(){
myXmlHttpRequest=getXmlHttpObject();
//怎么判断创建是否成功
if(myXmlHttpRequest){
//通过myXmlHttpRequest对像发送请求到服务器的某个页面
//第一个参数表示请求的方式,“get”,"post"
//第二个参数指定url,对哪个页面发出ajax请求(ajax本质仍然是http请求)
//第三个参数表示 ture表示使用异步机制,如果是false表示不使用异步机制
var url="/ajax/registerProcess.php? username="+$("username").value;
//打开请求
myXmlHttpRequest.open("get",url,true);
//指定回调函数,chuli是一个函数名
myXmlHttpRequest.onreadystatechange=chuli;
//真的发送请求,如果是get请求,则填入空即可
//如果是post请求,则填入实际的数据
myXmlHttpRequest.send(null);
}
}
//回调函数
function chuli(){
//window.alert("处理函数被调用"+myXmlHttpRequest.readyState);
//我要取出从registerpro.php页面返回的数据
if(myXmlHttpRequest.readyState==4){
//取出值,根据返回信息的格式而定.text
window.alert("服务器返回"+myXmlHttpRequest.responsetext);
}
}
//这里写一个函数
function $ (id) {
return document.getElementById(id);
}
</script>
</head>
<body>
<form action="???" method="post">
用户名字:<input type="text" name="username1" id="username">
<input type="button" onclick="checkName();" value="验证用户名">
<input style="border-width:0; color:red" type="text" id="myres">
<br/>
用户密码:<input type="password" name="password"></br>
电子邮件:<input type="text" name="email"></br>
<input type="submit" value="用户注册" >
</form>
<form action="???" method="post">
用户名子:<input type="text" name="username2" ></br>
电子邮件:<input type="text" name="email"><br/>
<input type="submit" value="用户注册">、
</form>
</body>
</html>
registerProcess.php
<?php
//接收数据
$username=$_GET['username'];
echo "用户名是".$username;
?> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询