JS总结5（服务器端和ajax）

最新推荐文章于 2025-06-08 22:42:45 发布

每當变幻時

最新推荐文章于 2025-06-08 22:42:45 发布

阅读量186

点赞数

分类专栏： javaScript 文章标签： ajax php html5

本文链接：https://blog.youkuaiyun.com/wd38693409/article/details/120246680

版权

javaScript 专栏收录该内容

22 篇文章

订阅专栏

这篇博客介绍了PHP的基本语法，包括echo、var_dump和连接数据库的操作。同时讲解了如何使用Ajax进行异步数据传输，展示了固定的Ajax请求代码，并讨论了JSON数据格式及其在前后端之间的转换方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、PHP

1、基本语法：

echo：在页面输出内容，方便前端拿到输出的内容，但是只能输出四种标准类型的数据（整型、浮点型、布尔、字符串）；echo JSON_encode($arr)：可以将数据转为数组输出给前端，方便操作

var_dump:什么都能输出，但是什么都输出出来了

变量：$变量名=变量值

数据类型：四种标准类型（整型、浮点型、布尔、字符串）；两种符合类型（数组和对象）；两种特殊类型（null Resouce资源）

2、连接数据库常用语句

<?php
    //保存住前端传来的变量
    $name=$_GET["uname"];    
    //连接服务器
    $con=mysqli_connect("127.0.0.1","root","","h5");
    //设置服务器编码方式
    mysqli_query($con,"SET NAMES utf8");
    //创建SQL语句，也可以直接写到执行里面
    $sql="SELECT * FROM user";
    //执行SQL语句
    $rs=mysqli_query($con,$sql);
    //循环数据库与前端保存的变量想匹配   
    while(($ro=mysqli_fetch_assoc($rs))!=null){       
        if($name==$ro["name"]){
            echo("昵称不可用"); 
            return false;          
        }                           
    }
    echo("昵称可以使用"); 
?>

二、ajax

1、固定语句

      d1.onblur=()=>{   
            //创建核心对象     
            var xhr=new XMLHttpRequest(); 
            //建立和服务器的连接，提交方式为GET，传送的数据是Uname=         
            xhr.open("GET","ajax.php?uname="+d1.value);
            //发送请求，GET提交方式这里必为null
            xhr.send(null);
            //绑定状态监听事件
            xhr.onreadystatechange=()=>{
                //判断请求和响应是否成功
                if(xhr.readyState==4&&xhr.status==200){
                    //.responseText接住的是服务器端返回的数据，
                    console.log(xhr.responseText)
                    if(xhr.responseText=="昵称可以使用") {
                       d1.style.borderColor="green";
                   }else{
                    d1.style.borderColor="red";
                   }
                }
            }
        }