關(guān)于JavaScript跨域問題及實時刷新解決方案
更新時間:2014年06月09日 09:01:32 作者:
在頁面顯示其他網(wǎng)站上面的數(shù)據(jù),需要用Ajax,就涉及到跨域問題,下面有個示例,大家可以看看
在自己頁面顯示其他網(wǎng)站上面的數(shù)據(jù),需要用Ajax,就涉及到跨域問題,
解決方案:jQuery.support.cors = true; (瀏覽器支持跨域訪問),
實例:
//瀏覽器支持跨域訪問
jQuery.support.cors = true;
$.ajax({
url: "http://www.rj99999.com/Price/ListPrice.html",
dataType: 'html',
success: function (data, textStatus) {
//nowPrice為本頁面顯示數(shù)據(jù)控件,#price', data為從其他網(wǎng)站取出名為price的元素。
$("#nowPrice").text(jQuery('#price', data).html() + "元/克");
},
error: function (xhr, ajaxOptions, thrownError) {
$("#nowPrice").text("暫時無法顯示");
}
});
//實時刷新
//每60000毫秒/1分鐘調(diào)用togglecountdowntime()方法。
setTimeout("togglecountdowntime()", 60000);
解決方案:jQuery.support.cors = true; (瀏覽器支持跨域訪問),
實例:
復(fù)制代碼 代碼如下:
//瀏覽器支持跨域訪問
jQuery.support.cors = true;
$.ajax({
url: "http://www.rj99999.com/Price/ListPrice.html",
dataType: 'html',
success: function (data, textStatus) {
//nowPrice為本頁面顯示數(shù)據(jù)控件,#price', data為從其他網(wǎng)站取出名為price的元素。
$("#nowPrice").text(jQuery('#price', data).html() + "元/克");
},
error: function (xhr, ajaxOptions, thrownError) {
$("#nowPrice").text("暫時無法顯示");
}
});
//實時刷新
//每60000毫秒/1分鐘調(diào)用togglecountdowntime()方法。
setTimeout("togglecountdowntime()", 60000);
相關(guān)文章
Echarts教程之通過Ajax實現(xiàn)動態(tài)加載折線圖的方法
這篇文章主要介紹了Echarts教程之通過Ajax實現(xiàn)動態(tài)加載折線圖的方法,需要的朋友可以參考下2018-04-04Ajax實現(xiàn)靜態(tài)刷新頁面過程帶加載旋轉(zhuǎn)圖片
當(dāng)然你也可以使用jquery或者ajax寫動態(tài)加載table的方式來實現(xiàn),方式多種多樣,感興趣的朋友可以了解下,希望本文提供的靜態(tài)刷新頁面對你學(xué)習(xí)ajax有所幫助2013-02-02探討Ajax中有關(guān)readyState(狀態(tài)值)和status(狀態(tài)碼)的問題
這篇文章主要介紹了探討Ajax中有關(guān)readyState(狀態(tài)值)和status(狀態(tài)碼)的問題的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06用ajax實現(xiàn)在單擊事件下加載一個DIV層的腳本
用ajax實現(xiàn)在單擊事件下加載一個DIV層的腳本...2007-11-11