Question

嗨，我是一名新的程序员 我想在没有刷新页面的情况下使用 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。

感谢。

Answer 1

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

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

要将其他页面上的div内容转换为当前页面上的类似div，请使用以下内容：

$('#content').load('other-page.php #content');
// ^ target div                    ^ same div on the other page

Answer 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);

    }
});

}

Answer 3

最简单的方法是：

$.get("pageurl",function(data){
    $("yourdiv").html(data);
});

Answer 4

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

你需要安装jquery库，将它包含在你的head标签中，并通过以下链接进行清晰的理解，这很容易

Jquery.ajax

Answer 5

你认为jquery是要走的路是正确的。我不是专家，但这应该有所帮助。文档很简单。

通常，jQuery遵循找到然后做某事的方法。

找点东西---＆gt;注意某些元素的某些操作（例如更改选择框或单击链接）
做点什么---＆gt;对你要用新div替换当前div的php页面进行ajax调用

jQuery文档在这里有一个示例，底部显示完全您正在尝试做什么http://api.jquery.com/jQuery.post/

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

希望这有帮助。

如何使用ajax从其他页面加载内容

5 个答案: