ajax和PHP实例不能运行的问题
http://www.jb51.net/article/47329.htm刚接触这个,将这上面代码直接拷下来运行,根本没有suggestion。。。很多教程都是用这个代码...
http://www.jb51.net/article/47329.htm
刚接触这个,将这上面代码直接拷下来运行,根本没有suggestion。。。
很多教程都是用这个代码,大同小异但是在我这都没成功..求大神看看是代码有问题吗? 展开
刚接触这个,将这上面代码直接拷下来运行,根本没有suggestion。。。
很多教程都是用这个代码,大同小异但是在我这都没成功..求大神看看是代码有问题吗? 展开
1个回答
展开全部
客户端 (AJAX)页面
<html>
<meta http-equiv="content-type"content="text/html;charset=GB2312"/>
<body>
<head>
<script>
function getajax()
{
var ajaxobject; //保存ajax对象地址
if(window.ActiveXobject)//判断ie内核还是火狐内核
{
ajaxobject=new ActiveXobject("Microsoft.XMLHTTP");//IE
}else
{
ajaxobject=new XMLHttpRequest();//火狐
}
return ajaxobject; //返回AJAX对象地址
}
var ajaxidobj="";//全局变量
function ajaxid(){
ajaxidobj=getajax();
if(ajaxidobj)
{
var url="/ajax/2ajax.php?id_name="+$("id_name").value;//以GET方式发送请求
ajaxidobj.open("get",url,true);//第一参数请求方式 第二参数URL 第三参数表示使用异步机制
//window.alert("创建AJAX引擎成功!");
ajaxidobj.onreadystatechange=chuli;//chuli是一个函数名 不带括号说明引用 地址
ajaxidobj.send(null);//如果是GET请求填入NULL 如是POST请求填入实际的串后面会演示
}else
{
//widow.alert("创建失败");
exit();
}
}
function chuli()
{
//window.alert("处理函数被调回"+ajaxidobj.readyState);
if(ajaxidobj.readyState==4)
{
//window.alert("服务器返回的是"+ajaxidobj.responseText);
//document.write("服务器返回的是1"+ajaxidobj.responseText);
$('ajaxres').value=ajaxidobj.responseText;
}
}
function $(id)//获取表单里数据
{
return document.getElementById(id);//返回数据
}
function arr1()
{
$('ajaxres').value="";
function $(id)//获取表单里数据
{
return document.getElementById(id);//返回数据
}
}
</script>
</head>
<form action="#"method="get" >
用户名:<input type="text" id="id_name"/><input type="button"onclick="ajaxid();"value="检测用户名是否可用?"/>
<input style="border-width:0;color:red;"type="text" id="ajaxres"><br/><br/>
密  码:<input type="password" onclick="arr1();"/>
</body>
</html>
服务端接收页面 (不写那么多了 )
<?php
function arr()
{
header("content-Type:text/html;charset=GB2312");}
arr();
$id_name=$_GET['id_name'];
if($id_name=="nima"){
echo "用户名不可以用";}
else{
echo " 用户名可以用";
}
?>
<html>
<meta http-equiv="content-type"content="text/html;charset=GB2312"/>
<body>
<head>
<script>
function getajax()
{
var ajaxobject; //保存ajax对象地址
if(window.ActiveXobject)//判断ie内核还是火狐内核
{
ajaxobject=new ActiveXobject("Microsoft.XMLHTTP");//IE
}else
{
ajaxobject=new XMLHttpRequest();//火狐
}
return ajaxobject; //返回AJAX对象地址
}
var ajaxidobj="";//全局变量
function ajaxid(){
ajaxidobj=getajax();
if(ajaxidobj)
{
var url="/ajax/2ajax.php?id_name="+$("id_name").value;//以GET方式发送请求
ajaxidobj.open("get",url,true);//第一参数请求方式 第二参数URL 第三参数表示使用异步机制
//window.alert("创建AJAX引擎成功!");
ajaxidobj.onreadystatechange=chuli;//chuli是一个函数名 不带括号说明引用 地址
ajaxidobj.send(null);//如果是GET请求填入NULL 如是POST请求填入实际的串后面会演示
}else
{
//widow.alert("创建失败");
exit();
}
}
function chuli()
{
//window.alert("处理函数被调回"+ajaxidobj.readyState);
if(ajaxidobj.readyState==4)
{
//window.alert("服务器返回的是"+ajaxidobj.responseText);
//document.write("服务器返回的是1"+ajaxidobj.responseText);
$('ajaxres').value=ajaxidobj.responseText;
}
}
function $(id)//获取表单里数据
{
return document.getElementById(id);//返回数据
}
function arr1()
{
$('ajaxres').value="";
function $(id)//获取表单里数据
{
return document.getElementById(id);//返回数据
}
}
</script>
</head>
<form action="#"method="get" >
用户名:<input type="text" id="id_name"/><input type="button"onclick="ajaxid();"value="检测用户名是否可用?"/>
<input style="border-width:0;color:red;"type="text" id="ajaxres"><br/><br/>
密  码:<input type="password" onclick="arr1();"/>
</body>
</html>
服务端接收页面 (不写那么多了 )
<?php
function arr()
{
header("content-Type:text/html;charset=GB2312");}
arr();
$id_name=$_GET['id_name'];
if($id_name=="nima"){
echo "用户名不可以用";}
else{
echo " 用户名可以用";
}
?>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询