3

嗨，我是一名新程序员 ，我想使用ajax从另一个 php 页面替换当前 php 页面的内容，而无需刷新页面。

要替换的内容在div 中。

两个页面（当前页面和另一个页面）具有相同的 div

HTML Div 是：

  <div class="category-container">
    <div class="category-image"></div>
    <div class="category-desc"><a href="#">#</a><p>text</p></div>
    <div class="rating5" >Editors' rating: </div>
    <div class="category-download-btn"><a href="#">Download</a></div>
    <div class="category-buy-btn"><a href="#">Buy</a></div>
  </div>

谁能告诉我我该怎么做。这将是一个很大的帮助。你也能给我提供ajax代码而不是jquery吗？

谢谢。

4

5 回答 5

6

看看 jQuery 的load，关于加载页面片段的部分：

.load() 方法与 $.get() 不同，它允许我们指定要插入的远程文档的一部分。

要将另一个页面上的 div 内容放入当前页面上的类似 div，请使用以下内容：

$('#content').load('other-page.php #content');
// ^ target div                    ^ same div on the other page
于 2012-05-18T16:08:50.407 回答
2

这是通常的 jquery.ajax 调用

function getVotes(id){
$.ajax({
    type: 'get',
    url: 'ay/templates/backend/_votes_partial.tpl.php',
    data: 'charity_id=' + id,
    success: function(data) {
        $('#shadow').fadeIn('slow');
        $('#popupContact').fadeIn('slow');
        $('#content').html(data);

    }
});

}

于 2012-05-18T16:05:57.850 回答
1

最简单的方法是：

$.get("pageurl",function(data){
    $("yourdiv").html(data);
});
于 2012-05-18T16:06:11.880 回答
0

使用 jquery.ajax 很简单......旧的 ajax 调用方法太复杂了，jquery 让它变得简单，

您需要安装 jquery 库，将其包含在您的 head 标记中，并通过以下链接进行彻底的理解，这很容易

jQuery.ajax

于 2012-05-18T16:02:06.167 回答
0

您假设 jquery 是正确的方法是正确的。我远非专家，但这应该会有所帮助。文档很简单。

一般来说，jQuery 遵循find something then do something的方法。

  • 查找某些东西 ---> 观察某些元素上的某些操作（例如更改选择框或单击链接）
  • 做一些事情--->对你想要用新的div替换当前div的php页面进行ajax调用

jQuery 文档在此处，底部有一个示例，该示例准确显示了您要执行的操作http://api.jquery.com/jQuery.post/

此任务的其他一些有用的 jQuery 命令可能是...

希望这可以帮助。

于 2012-05-18T16:08:32.657 回答