Ajax PHP,XMLHttpRequest post请求

最新推荐文章于 2023-07-06 09:00:00 发布

houyanhua1

最新推荐文章于 2023-07-06 09:00:00 发布

阅读量2k

点赞数

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

本文链接：https://blog.youkuaiyun.com/houyanhua1/article/details/79188352

版权

PHP 同时被 2 个专栏收录

130 篇文章

订阅专栏

Ajax

23 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>新建网页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />

        <script type="text/javascript">
        function checkname(){
            //ajax校验用户名
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function(){
                if(xhr.readyState==4){
                    document.getElementById('result').innerHTML = xhr.responseText;
                }
            }
            xhr.open('post','./05.php?height=165');  //url中传递get参数。
            //post请求需要把数据组织为xml格式
            //以下方法必须要在"open"方法后进行设置
            xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");  //post传递参数必须设置该form表单项(以xml的表单形式传递参数)

            //获得输入的用户名，并传递个服务器端
            var ming = document.getElementById('username').value;
            //对ming变量的特殊符号(&、=)信息进行编码
            ming = encodeURIComponent(ming);  
            //把传递的参数变为"请求字符串"传递给send方法
            var info = "nm="+ming+"&age=20";  

            xhr.send(info);  //send()函数 传递post参数（可以即通过url传递get参数，又通过send传递post参数）
        }
        </script>
    </head>
    <body>
        <h2>ajax之post形式请求</h2>
        <p>用户名：<input type="text" id="username" οnblur="checkname()" /></p>
        <p>密码：<input type="password" id="userpwd"  /></p>
        <div id="result"></div>
    </body>
</html>

05.php:

<?php

//服务器端校验用户名
$exists = array('linken','mary','jim');

echo "post:";
print_r($_POST);
echo "get:";
print_r($_GET);
exit;

$name = $_POST['nm'];

//判断用户名是否存在
if(in_array($name,$exists)){
    echo "<span style='color:red'>用户名已经存在，请换一个</span>";
}else{
    echo "<span style='color:green'>恭喜，可以使用此名字</span>";
}