如何用jQuery AJAX PHP 实现首页自动加载数据不用任何点击什么的就自动加载首页我要调取的PHP数据呢？

发布网友发布时间：2022-04-22 20:34

共2个回答

热心网友时间：2022-04-22 22:03

给你写个大概的框架吧

【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";
}
}
?>

你可以直接复制代码，保存这两个文件先测试一下。如果没什么问题，剩下的你就要根据自己的实际情况进行修改了。

热心网友时间：2022-04-22 23:21

$(document).ready(function(){
load();
});

function load()
{
$.post(url,{postValue_1:1,postValue_2:2},function(data){
alert(data);
});
}