[三]ajax.html 页面里有二个输入框，根据输入的内容返回二个值。

我之前发的贴子我描述的不太清楚，走了很多湾路。
我重新发一个新贴，ajax.html 页面里有二个输入框，根据输入的内容返回二个值。我想跟据这二个值，把本页面的OK按钮，可用或，不可用。ajax.html<html>
<script language="javascript">
//得到XMLHttpRequest对象
var xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
//var xmlhtml = new XMLHttpRequest()//发起请求的函数
function request(){
var url = 'http://192.168.5.121:8186/test/rand.php'
//打开url
xmlhttp.open('get',url);
//设置状态改变的对应函数
xmlhttp.onreadystatechange=function(){
//if(xmlhttp.readyState==4&&xmlhttp.status==200){
// alert(xmlhttp.responseText);
//}
  if(xmlhttp.readyState==4&&xmlhttp.status==200){
   if (xmlhttp.responseText=="这个帐号可以用~！"){
  document.getElementById("btn").disabled = true;
  }else{
     document.getElementById("btn").disabled = false;
  }
  }
}
//发起请求
xmlhttp.send();
}
function request2(){
var url = 'http://192.168.5.121:8186/test/rand2.php'
//打开url
xmlhttp.open('get',url);
//设置状态改变的对应函数
xmlhttp.onreadystatechange=function(){
//if(xmlhttp.readyState==4&&xmlhttp.status==200){
// alert(xmlhttp.responseText);
//}
  if(xmlhttp.readyState==4&&xmlhttp.status==200){
   if (xmlhttp.responseText=="这个昵称可以用~！"){
  document.getElementById("btn").disabled = true;
  }else{
     document.getElementById("btn").disabled = false;
  }
  }
}
//发起请求
xmlhttp.send();
}</script>
<body>
帐号<input type="text" name="text1">
<input type="button" value='帐号是否可用' onClick="request()">呢称<input type="text" name="text2">
<input type="button" value='昵称是否可用' onClick="request2()"><input type="button" id="btn" value="OK" disabled></body>
</html>
rand.php<?php
//获得一个通过md5散列的字符串。
// echo md5(rand(5000,999999));
echo "这个帐号可以用~！";
?>
rand2.php<?php
//获得一个通过md5散列的字符串。
// echo md5(rand(5000,999999));
echo "这个昵称可以用~！";
?>

解决方案 »

  1.   

    <script language="javascript">
    var flag1 = false;
    var flag2 = false;
    //得到XMLHttpRequest对象
    var xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
    //var xmlhtml = new XMLHttpRequest()//发起请求的函数
    function request(){
        var url = 'http://192.168.5.121:8186/test/rand.php'
        //打开url
        xmlhttp.open('get',url);
        //设置状态改变的对应函数
        xmlhttp.onreadystatechange=function(){
            //if(xmlhttp.readyState==4&&xmlhttp.status==200){
            //    alert(xmlhttp.responseText);
            //}
          if(xmlhttp.readyState==4&&xmlhttp.status==200){
              if (xmlhttp.responseText=="这个帐号可以用~！"){
                  flag1 = true;
      setBtnState();
              }else{
                  flag1 = false;
              }
          }
        }
        //发起请求
        xmlhttp.send();
    }
    function request2(){
        var url = 'http://192.168.5.121:8186/test/rand2.php'
        //打开url
        xmlhttp.open('get',url);
        //设置状态改变的对应函数
        xmlhttp.onreadystatechange=function(){
            //if(xmlhttp.readyState==4&&xmlhttp.status==200){
            //    alert(xmlhttp.responseText);
            //}
          if(xmlhttp.readyState==4&&xmlhttp.status==200){
              if (xmlhttp.responseText=="这个昵称可以用~！"){
    flag2 = true;
    setBtnState();
              }else{
    flag2 = false;
              }
          }
        }
        //发起请求
        xmlhttp.send();
    }function setBtnState(){
    document.getElementById("btn").disabled = !(flag1 && flag2);
    }</script>
      

  2.   

    不要采用这种判断：xmlhttp.responseText=="这个昵称可以用~！"
    xmlhttp.responseText=="1"或者xmlhttp.responseText=="0"