jQuery的ajax的load方法裝載

-2

stucked我已經找遍了網站，但我無法找到任何東西，幫助我，所以這裏是：jQuery的ajax的load方法裝載

我有這個HTML文件，當你點擊Get EXTERN它應該把extern.html中的內容放入div命名的內容中，但是當你點擊它顯示的加載鏈接時就會陷入困境，就是這樣。

enter image description here

的test.html文件

<script type="text/javascript" src="jquery-1.9.1.js"></script> 
<script type="text/javascript"><!-- 
$(document).ready(function() { 
    // select all the links with class="lnk", when one of them is clicked, get its "href" value 
    // adds a "loading..." notification, load the content from that URL and 
    // place only the paragraph which is in the #cnt into the tag with id="content" 
    $('a.lnk').click(function() { 
    var url = $(this).attr('href'); 
    $('#content').html('<h4>Loading...</h4>').load(url+ ' #cnt p'); 
    return false; 
    }); 
}); 
--></script> 
</head> 
<body> 
<h1>Web page test.html</h1> 
<a href="extern.html" title="Get extern" class="lnk">Get extern</a> 
<div id="content">Initial content in test.html</div>

extern.html文件

<h2>Content in extern.html</h2> 
<div id="cnt"><p>Some text content in extern.html</p></div>

來源

2013-03-17 elunicotomas

我的猜測是，你試圖加載外部網頁，但它被阻塞在同您的瀏覽器中的原始策略。如果沒有，有一個快速的方法來調試。

1）我的最愛是使用Chrome開發人員面板（通過按F12打開）。轉到網絡標籤，並嘗試通過您的jQuery加載外部頁面。然後，您可以觀看網絡活動，看看是否有錯誤出現。

2）User $ .ajax而不是$ .load。看到這裏有更多的選擇：JQuery error option in $.ajax utility

如果問題確實是相同的域策略，查看jQuery的JSONP功能。一個例子是：http://www.jquery4u.com/json/jsonp-examples/

希望這有助於！

來源

2013-03-17 01:44:58 Steven

由於href有一個相對的URL，它不會是SOP。 – Musa 2013-03-17 02:14:07

@Musa確實。我沒有注意到我第一次閱讀它......但它並不真正影響這兩個建議。謝謝！ – Steven 2013-03-17 02:40:47

通常這個'正在加載'當腳本沒有成功執行或出現一些邏輯/語法錯誤時出現。我假設你用螢火蟲驗證了你的腳本，我建議你用$ .noConfllict（）;如果您的頁面有多個腳本塊和庫彼此衝突，則爲。

來源

2013-03-17 01:51:55 Sakthivel

jQuery的ajax的load方法裝載

回答

相關問題