簡(jiǎn)單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)
更新時(shí)間：2018年04月06日 13:30:04 作者：冷月葬殘花
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了ajax獲取跨域數(shù)據(jù)的具體代碼，供大家參考，具體內(nèi)容如下
1.效果圖
2.源碼
<html>
<head>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript">
function getData(keyword) {
var url="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" +keyword;
$.ajax({
type: "get",
async: false,
url: encodeURI(url),
dataType: "jsonp",
jsonp: "cb", // 后臺(tái)定義的回調(diào)函數(shù)標(biāo)識(shí)符(一般默認(rèn)為:callback)
jsonpCallback: "jsonCallback", // 自定義的jsonp回調(diào)函數(shù)名稱(默認(rèn)為jQuery自動(dòng)生成的隨機(jī)函數(shù)名)
success: function(data,status){
console.log(data);
console.log(status);
},
error: function(){
alert('fail');
}
});
}
</script>
</head>
<body>
<button onclick="getData('我');">百度搜索"我"</button>
</body>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 詳解Django解決ajax跨域訪問(wèn)問(wèn)題
- Ajax實(shí)現(xiàn)跨域訪問(wèn)最新解決方案
- SpringBoot解決ajax跨域問(wèn)題的方法
- 淺談Koa2框架利用CORS完成跨域ajax請(qǐng)求
- ajax前臺(tái)后臺(tái)跨域請(qǐng)求處理方式
- vue-cli開(kāi)發(fā)時(shí),關(guān)于ajax跨域的解決方法(推薦)
- ajax跨域獲取網(wǎng)站json數(shù)據(jù)的實(shí)例
- 原生JS實(shí)現(xiàn)ajax與ajax的跨域請(qǐng)求實(shí)例
- 淺談jquery中ajax跨域提交的時(shí)候會(huì)有2次請(qǐng)求的問(wèn)題
- JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案
相關(guān)文章
AJAX的阻塞及跨域名解析...2007-07-07
這篇文章主要是對(duì)Ajax中同步與異步之間的區(qū)別進(jìn)行了詳細(xì)的分析介紹。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
通過(guò)抓取淘寶評(píng)論為例講解Python爬取ajax動(dòng)態(tài)生成的數(shù)據(jù)(經(jīng)典)
在學(xué)習(xí)python的時(shí)候，一定會(huì)遇到網(wǎng)站內(nèi)容是通過(guò) ajax動(dòng)態(tài)請(qǐng)求、異步刷新生成的json數(shù)據(jù) 的情況，并且通過(guò)python使用之前爬取靜態(tài)網(wǎng)頁(yè)內(nèi)容的方式是不可以實(shí)現(xiàn)的，所以這篇文章將要講述如果在python中爬取ajax動(dòng)態(tài)生成的數(shù)據(jù)。2015-10-10
ajax提交數(shù)據(jù)到后臺(tái)php接收(實(shí)現(xiàn)方法)
下面小編就為大家?guī)?lái)一篇ajax提交數(shù)據(jù)到后臺(tái)php接收(實(shí)現(xiàn)方法)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析
今天小編就為大家分享一篇ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Ajax實(shí)現(xiàn)省市區(qū)三級(jí)級(jí)聯(lián)(數(shù)據(jù)來(lái)自mysql數(shù)據(jù)庫(kù))
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)省市區(qū)三級(jí)級(jí)聯(lián),數(shù)據(jù)來(lái)自mysql數(shù)據(jù)庫(kù),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
創(chuàng)建ajax對(duì)象并兼容多個(gè)瀏覽器
這篇文章主要介紹了如何創(chuàng)建ajax對(duì)象并兼容多個(gè)瀏覽器,需要的朋友可以參考下2014-06-06
下面小編就為大家?guī)?lái)一篇Ajax解決緩存的5種方法總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
變量沖突處理...2006-09-09
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。接下來(lái)通過(guò)本文給大家講解ajax的工作原理及優(yōu)缺點(diǎn)，感興趣的朋友一起看看吧2016-11-11