如何用jQuery AJAX PHP 实现首页自动加载数据不用任何点击什么的就自动加载首页我要调取的PHP数据呢?
2个回答
展开全部
给你写个大概的框架吧
【index.php】
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$.ajax({
// 以 GET 方式请求
type: "GET",
// 请求 url
url: "get_data.php",
// 传给 php 的参数,例如:获取5篇文章
data: "articles=5",
// 返回数据的格式
dataType: 'html',
// 如果成功
success: function(data) {
// 将返回数据放置到 #articles 当中
$('div#articles').html(data);
}
// 如果失败
}).error(function() {
$('div#articles').html('<p>文章加载失败</p>');
});
});
</script>
<div id="articles" style="background: #eee; width: 300px;"></div>
【get_data.php】
<?php
if(!empty($_GET['articles'])) {
$num = (int)$_GET['articles'];
for($i = 1; $i <= $num; $i++) {
echo "<h3><strong>文章 $i 标题</strong></h3><p>文章 $i 内容</p>\n";
}
}
?>
你可以直接复制代码,保存这两个文件先测试一下。如果没什么问题,剩下的你就要根据自己的实际情况进行修改了。
【index.php】
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$.ajax({
// 以 GET 方式请求
type: "GET",
// 请求 url
url: "get_data.php",
// 传给 php 的参数,例如:获取5篇文章
data: "articles=5",
// 返回数据的格式
dataType: 'html',
// 如果成功
success: function(data) {
// 将返回数据放置到 #articles 当中
$('div#articles').html(data);
}
// 如果失败
}).error(function() {
$('div#articles').html('<p>文章加载失败</p>');
});
});
</script>
<div id="articles" style="background: #eee; width: 300px;"></div>
【get_data.php】
<?php
if(!empty($_GET['articles'])) {
$num = (int)$_GET['articles'];
for($i = 1; $i <= $num; $i++) {
echo "<h3><strong>文章 $i 标题</strong></h3><p>文章 $i 内容</p>\n";
}
}
?>
你可以直接复制代码,保存这两个文件先测试一下。如果没什么问题,剩下的你就要根据自己的实际情况进行修改了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询