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

最新推荐文章于 2024-04-23 11:45:56 发布

lishengzxc

最新推荐文章于 2024-04-23 11:45:56 发布

阅读量1.6k

点赞数

分类专栏： javascript 文章标签： ajax javascript php xmlhttprequest

本文链接：https://blog.csdn.net/lishengzxc/article/details/39801385

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

//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="检查用户名" οnclick="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;

lishengzxc

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
客户端POST提交、服务器返回Xml格式数据的demo

//register.phpajax用户注册body{ font-family: "Microsoft JhengHei";}label{ font-weight: bolder; font-size: 14px;}input.check{ border-width: 0; color: red; font-family: "Mi
复制链接

扫一扫