使用ajax进行页面局部刷新（简单）

最新推荐文章于 2021-03-03 16:26:31 发布

高手从不留名

最新推荐文章于 2021-03-03 16:26:31 发布

阅读量415

点赞数

文章标签： php javascript

本文链接：https://blog.csdn.net/weixin_49743281/article/details/109402716

版权

本文展示了如何使用Ajax技术结合PHP，实现网页上的动态内容更新。通过HTML、jQuery和PHP代码实例，学习者将理解如何发送GET请求获取服务器数据并在页面上显示。适合初学者了解前后端交互的基本原理。

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

话不多bb直接上代码

html 代码：

<!DOCTYPE html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    </head>
    <body>
    <div id="myDiv">使用ajax改变此内容</div>
    <a href="javascript:void(0);" onclick="show('index.php')">点击</a>
    </body>
        <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
            function show(url){
                    var html='';
                    $.ajax({
                        url:url,
                        type:'get',
                        success:function(data){
                            alert(data);
                            html = '<p>'+data+'</p>';
                            $('#myDiv').html(html);
                        }
                })
            }
        </script>
</html>

index.php代码：

<?php
	$a ='Hollow world!';
	echo $a;
?>

高手从不留名

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用ajax进行页面局部刷新（简单）

话不多bb直接上代码html 代码：<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript"> function show(url){ var html=''; $.ajax({ url:url, type:'get', success:function(d
复制链接

扫一扫