客户端POST提交、服务器返回Xml格式数据的demo

来源：互联网发布：百度大数据预测编辑：程序博客网时间：2024/05/22 00:53

//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){        var mes = myXmlHttpRequset.responseXML.getElementsByTagName("mes");                var mes_val = mes[0].childNodes[0].nodeValue;                $('res').value = mes_val;    }}</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//告诉浏览器，是xml文件，同时不要缓存数据header("Content-Type: text/xml; charset=utf-8");header("Cache-Control: no-cache, must-revalidate");header("Pragma: no-cache"); $username = $_POST['username'];$info = "";if($username == "lisheng"){    $info .=  "<res><mes>用户名不可用</mes></res>"}else{    $info .=  "<res><mes>用户名可用</mes></res>"} echo $info;

0 0