關(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)文章
純javascript的ajax實現(xiàn)php異步提交表單的簡單實例
下面小編就為大家?guī)硪黄僯avascript的ajax實現(xiàn)php異步提交表單的簡單實例。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
ajax類AJAXRequest v0.8.01 2008-01-31 最新版附使用幫助
2008-02-02
ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法
今天小編就為大家分享一篇ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08

