PHP-与Ajax交互

giser__Z

已于 2024-03-05 10:27:14 修改

阅读量188

点赞数 4

分类专栏：后端 # PHP 文章标签： php ajax 后端

于 2024-03-04 17:08:59 首次发布

本文链接：https://blog.csdn.net/m0_73795032/article/details/136456783

版权

后端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

PHP

4 篇文章 0 订阅

订阅专栏

前后端分离

前后端分离指的是,前后端各司其职前端: 负责页面的搭建与向后台获取数据后台: 只负责数据,不需要对前端页面部分负责

优点

有更好的性能优化
更具有专一性
更利于后期维护

对于Ajax这里就不介绍了。

代码如下：

index.php

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/code.jquery.com_jquery-3.7.1.min.js"></script>
</head>

<body>
    账号：<input type="text" name="username" id="username" value="">
    <br>
    密码：<input type="text" name="password" id="password" value="">
    <br>
    <input type="submit" value="提交" id="login">
    <script>
        $("#login").click(function () {
            var username = $("#username").val();
            var password = $("#password").val();
            $.ajax({
                type: 'get',
                url: "http://localhost/php_server/08PHP与Ajax交互/ajax.php",
                data: {
                    username: username,
                    password: password
                },
                success: function (res) {
                    console.log(JSON.parse(res));
                }
            });
        })
    </script>
</body>

</html>

ajax.php

$username = $_GET["username"];
$password = $_GET['password'];
$con=mysqli_connect('localhost','root','','php_database');
if($con){
  mysqli_query($con,'set names utf8');
  $sql="select * from user where username='$username' and password='$password'";
  $result=mysqli_query($con,$sql);
  if($result -> num_rows >0 ){
    $data = mysqli_fetch_all($result,MYSQLI_ASSOC);
    echo json_encode($data);
   }else{

   }
}else{
  echo '连接失败';
}

这里推荐两个工具，一个是测试工具Postman（从官网下载即可），来测试接口是否可用，一个是数据格式化工具JSON Viewer（网页插件，可以从极简插件下载），改变json格式便于查看。

PHP就介绍到这了，如有错误欢迎指正！！！

giser__Z

关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
PHP-与Ajax交互

前后端分离指的是,前后端各司其职前端: 负责页面的搭建与向后台获取数据后台: 只负责数据,不需要对前端页面部分负责。（从官网下载即可），来测试接口是否可用，一个是数据格式化工具。（网页插件，可以从极简插件下载），改变json格式便于查看。这里推荐两个工具，一个是测试工具。对于Ajax这里就不介绍了。
复制链接

扫一扫