ajax 发送post请求

最新推荐文章于 2023-01-26 03:22:53 发布

QIingBo

最新推荐文章于 2023-01-26 03:22:53 发布

阅读量453

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/QIingBo/article/details/105886524

版权

笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

服务端 ---- 接受请求做出响应

<?php
//账号密码没有输入
if (empty($_POST['username']) || empty($_POST['password'])){
    exit('请输入账号或者密码');
}
$username=$_POST['username'];
$password=$_POST['password'];
//账号秘密错误
if ($username=='admin' && $password=='123'){
    exit('密码正确');
}
//密码正确
    exit('账号或者密码错误');

客户端 ----发送POST请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax发送POST请求</title>
</head>
<body>
<table border="1">
    <tr>
        <td>用户名</td>
        <td><input type="text" id="user"></td>
    </tr>
    <tr>
        <td>密码</td>
        <td><input type="password" id="password"></td>
    </tr>
    <tr>
        <td><button id="btn">提交</button></td>
    </tr>
</table>
<script>
// 在用户点击提交的时候将数据提交服务端
    var btn=document.getElementById('btn');
    btn.onclick=function(){
    var xhr1 = new XMLHttpRequest();
    xhr1.open('POST','02ajax-POST.php');
    var Username= document.getElementById('user').value;
    var Password= document.getElementById('password').value;
    xhr1.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
    xhr1.send(`username=${Username}&password=${Password}`);
    xhr1.onreadystatechange=function(){
        if (this.readyState==4){
            console.log(this.responseText);
        }
    }
    }

</script>
</body>
</html>

QIingBo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 发送post请求

服务端 ---- 接受请求做出响应<?php//账号密码没有输入if (empty($_POST['username']) || empty($_POST['password'])){ exit('请输入账号或者密码');}$username=$_POST['username'];$password=$_POST['password'];//账号秘密错误if (...
复制链接

扫一扫