客户端GET方法提交数据,服务器返回文件格式数据的demo

来源:互联网 发布:mysql 缓存 编辑:程序博客网 时间:2024/05/18 02:58
//register.php<html><head><title>ajax用户注册</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><style type="text/css">body{    font-family: "Microsoft JhengHei";}label{    font-weight: bolder;    font-size: 14px;}input.check{    border-width: 0;    color: red;    font-family: "Microsoft JhengHei";    font-weight: bolder;}</style> <script type="text/javascript"> function getXmlHttpObject(){    var xmHttpRequset;     if(window.ActiveXObject){        //window.alert("ie")        xmlHttpRequset = new ActiveXObject("Microsoft.XMLHTTP");    }else{           //window.alert("ff")        xmlHttpRequset = new XMLHttpRequest();    }       return xmlHttpRequset;} var myXmlHttpRequset = getXmlHttpObject(); //申明myXmlHttpRequset为全局变量 function checkName(){        if(myXmlHttpRequset){                var myurl = "/ajax/learn/registerpro.php";        var data = "username=" + $("username").value;        myXmlHttpRequset.open("post", myurl, true);        myXmlHttpRequset.onreadystatechange = solve;                myXmlHttpRequset.setRequestHeader("Content-type", "application/x-www-form-urlencoded");        myXmlHttpRequset.send(data);    }else{        //window.alert("error");    } } function $(id){    return document.getElementById(id);}  //回调函数function solve(){    if(myXmlHttpRequset.readyState == 4){        $('res').value = myXmlHttpRequset.responseText;    }}</script> </head><body>    <form action="registerpro.php" method="post">        <label>账号</label>        <input type="text" name="username" id="username" />        <input type="button" name="check" id="check" value="检查用户名" onclick="checkName()"/>        <input class="check" type="text" id="res" readonly="readonly"/>        </br>        <label>密码</label>        <input type="text" name="password" id="password" />        <input type="submit" name="submit" id="submit"/>    </form></body></html>
//registerpro.php$username = $_POST['username'];if($username == "lisheng"){    echo "用户名不可用";}else{    echo "用户名可用";}



0 0