如果单击特定链接，如何更新div内容

Question

如果点击了特定链接，我想知道如何使用“ AJAX ”更新“ div ”内容..这就是我要做的：< / p>

如果用户仅点击“说明”，我想显示公司说明，或者如果用户点击“评论”，则显示有关公司的评论。

如何使用“Ajax”执行此操作？

Answer 1

此代码可以帮助您：

$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

将其放入点击事件中。

Answer 2

将每个链接的href设置为适当的页面，然后执行以下操作：

$("#menuIDhere a").click(function(e) {
    e.preventDefault();
    $("#idOfDestinationDivHere").load(this.href);
});

也就是说，将单击处理程序绑定到菜单中的每个链接（为菜单元素指定一个合适的ID）。在单击处理程序中取消默认事件行为（显然是用当前页面替换指定的行为），然后使用jQuery的.load() method加载指定的内容并将其放入您选择的div中。 / p>

Answer 3

您可以使用jQuery及其AJAX函数： jQuery.AJAX

或者在您的情况下，尝试使用easyer load（） - 函数：

jQuery.load();

您可以加载html文件的内容并将其放入div：

$( "#menulink" ).click(function() {
    $( "#result" ).load( "ajax/test.html" );
});