如何使用ajax加载外部页面

我有一个链接按钮，应该链接到另一个页面。 该页面的内容应显示在当前页面上。 我正在使用bootstrap框架，但是我创建的函数似乎不起作用。

这是我的代码;

link1 
 

JavaScript的;

 $('#reslink').click(function(){ $.ajax({ type: "GET", url: "sample.html", data: { }, success: function(data){ $('#maincont').html(data); } }); }); 

Answer 1

你有以下方法。

第一

使用html如下，。

 link1 

Javascript:void(0); 从脚本返回false。

第二

不要在html代码中更改任何内容，但在jQuery代码中进行以下更改。

 $('#reslink').click(function(e){ e.preventDefault(); $.ajax({ type: "GET", url: "sample.html", data: { }, success: function(data){ $('#maincont').html(data); } }); }); 

e.preventDefault(); 防止 HTML 的默认行为 ，以便您可以执行您的代码。

Answer 2

也许load()对你来说是更好的选择？

 $("#reslink").click(function() { $("#maincont").load("sample.html"); }); 

请注意，以这种方式加载内容可能会破坏历史记录和collections夹。

Answer 3

加载页面中的body onload="abc()"在从ajax呈现时应该有效。