如果单击特定链接，如何更新 div 内容[关闭]答案

【问题标题】：How to update a div contents if a specific link is clicked [closed]如果单击特定链接，如何更新 div 内容[关闭]
【发布时间】：2013-11-27 09:25:36
【问题描述】：

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

如果用户只点击“描述”，我想显示公司描述，或者如果用户点击“评论”，我想显示关于公司的评论。

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

【问题讨论】：

请发表您的尝试。如果没有，请尝试一些事情并发布有关您所面临问题的具体问题。开始阅读api.jquery.com/jQuery.ajax 和stackoverflow.com/questions/7139208/…

【解决方案1】：

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

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

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

【讨论】：

我认为这是我需要的，我会尝试，但是在使用 ajax 之前我应该做任何要求或前置步骤吗？
那么 ajax 只会加载来自同一个域的页面。通过 ajax 加载的页面不需要<html>、<head> 或<body> 标签，只是实际内容，但如果你阅读我链接到的.load() doco，你会发现该方法可以只增加一部分如有必要，加载页面。
：你的意思是（this.href）：包含div的新内容的页面吗？我对jquery不太熟悉^^！
在事件处理程序中this 将（通常）是事件发生的元素，在这种情况下是锚元素。 Anchor 元素有一个href 属性。所以使用<a href="urlOfDescriptionPageHere">Description</a> 等等，我显示的代码将从href 获取url，并使用Ajax 加载引用的页面。
啊哈，非常感谢你的帮助 :))))

【解决方案2】：

此代码可能对您有所帮助：

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

把它放在你的点击事件中。

【讨论】：

【解决方案3】：

您可以使用 jQuery 及其 AJAX 功能： jQuery.AJAX

或者在你的情况下，试试更简单的 load() 函数：

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

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

【讨论】：