基于AJAX调用加载页面


Loading page based on AJAX call

对不起这个愚蠢的问题。是否可以加载基于AJAX帖子的页面?我想做的是在我的页面上设置选项卡,每个选项卡都包含由用户帖子更新的不同动态内容。例如,如果点击标签1,我希望它显示与标签1相关的帖子,标签2也是如此,以此类推。我完全不确定如何最好地实现这一点。我在想一个onlcik事件,它将Tab id发送到相关的php文件,然后根据id返回该文件的结果。请为我指明更好的方法,因为我相信这不是最好的方法。请参阅下面的代码:索引:

$(document).ready(function() {
var id = 1;
var DATA = '&id=' +id;
$.ajax({
type: "POST",
url: "show.php",
data: DATA,
cache: false,
success: function(data){
$(".test").load("show.php");
}
}); 
</script>
</head>
<body>
<div class="test"></div>
</body>
</html>

show.php:

<?php
$id = $_POST['id'];
$me = mysql_query("SELECT * FROM table where id=$id");
while($row=mysql_fetch_array($me)){
$status=$row['status'];

echo $status;
}
?>

首先,我看到您正在使用mysql_query,请考虑迁移到mysqli或pdo:mysql扩展已弃用,将来将被删除:使用mysqli或PDO代替

请注意,您的代码不过滤mysql注入,如果您更喜欢使用mysql,可以使用:mysql_real_sescape_string

现在,对于您的实际问题,我认为实现这一点的最好方法是,将所有选项卡(如果我们只讨论几个)加载到变量中,并使用javascirpt将它们存储在客户端的RAM上(只需将它们保存在变量上),然后,每当客户端切换选项卡时,都从变量加载它,这样客户端就不会从服务器请求它。