加载成功1

最新推荐文章于 2022-11-08 19:46:06 发布

侠客博园

最新推荐文章于 2022-11-08 19:46:06 发布

阅读量305

点赞数

本文链接：https://blog.csdn.net/wen15191038073/article/details/119819662

版权

本文介绍了如何使用JavaScript通过XMLHttpRequest与PHP配合，实现在网页上动态加载数据。首先，HTML中包含一个按钮，点击后调用getnews函数。该函数发送GET请求到PHP文件，获取不同页面的内容。PHP根据传入的页码动态输出相应消息。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p></p>
    <button type="button">加载成功</button>
</body>
</html>
<script>
        let oP=document.querySelector('p')
        function getnews(page){
            let xhr=new XMLHttpRequest();
            xhr.open('get','jiazaichenggong.php?page='+page,true);
            xhr.send();
            xhr.onreadystatechange=function (){
                if(xhr.readyState==4 && xhr.status==200){
                    fun(xhr.responseText);
                }
            }
        }
        function fun(resText){
            oP.innerHTML+=resText;
        }
        getnews(1)
    let oBut=document.querySelector('button');
    oBut.onclick=function (){
        getnews(2);
        this.style.display= 'none';
    }
</script>

<?php
header("Content-type:text/html;charset=utf-8");
$page=$_GET ['page'];
if($page==1){
    echo '你和我有...';
}else if($page==2){
    echo '你和我有爱了';
}


?>

侠客博园

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
加载成功1

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
复制链接

扫一扫