簡單實現(xiàn)ajax獲取跨域數(shù)據(jù)

更新時間：2018年04月06日 13:30:04 作者：冷月葬殘花

這篇文章主要為大家詳細(xì)介紹了如何簡單實現(xiàn)ajax獲取跨域數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了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", // 后臺定義的回調(diào)函數(shù)標(biāo)識符(一般默認(rèn)為:callback)
        jsonpCallback: "jsonCallback", // 自定義的jsonp回調(diào)函數(shù)名稱(默認(rèn)為jQuery自動生成的隨機(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>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

ajax
跨域

相關(guān)文章

AJAX的阻塞及跨域名解析
AJAX的阻塞及跨域名解析...
2007-07-07
探討Ajax中同步與異步之間的區(qū)別
這篇文章主要是對Ajax中同步與異步之間的區(qū)別進(jìn)行了詳細(xì)的分析介紹。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
通過抓取淘寶評論為例講解Python爬取ajax動態(tài)生成的數(shù)據(jù)(經(jīng)典)
在學(xué)習(xí)python的時候，一定會遇到網(wǎng)站內(nèi)容是通過 ajax動態(tài)請求、異步刷新生成的json數(shù)據(jù) 的情況，并且通過python使用之前爬取靜態(tài)網(wǎng)頁內(nèi)容的方式是不可以實現(xiàn)的，所以這篇文章將要講述如果在python中爬取ajax動態(tài)生成的數(shù)據(jù)。
2015-10-10
ajax提交數(shù)據(jù)到后臺php接收(實現(xiàn)方法)
下面小編就為大家?guī)硪黄猘jax提交數(shù)據(jù)到后臺php接收(實現(xiàn)方法)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
ajax動態(tài)加載json數(shù)據(jù)并詳細(xì)解析
今天小編就為大家分享一篇ajax動態(tài)加載json數(shù)據(jù)并詳細(xì)解析，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
Ajax實現(xiàn)省市區(qū)三級級聯(lián)(數(shù)據(jù)來自mysql數(shù)據(jù)庫)
這篇文章主要為大家詳細(xì)介紹了Ajax實現(xiàn)省市區(qū)三級級聯(lián),數(shù)據(jù)來自mysql數(shù)據(jù)庫,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
創(chuàng)建ajax對象并兼容多個瀏覽器
這篇文章主要介紹了如何創(chuàng)建ajax對象并兼容多個瀏覽器,需要的朋友可以參考下
2014-06-06
Ajax解決緩存的5種方法總結(jié)(推薦)
下面小編就為大家?guī)硪黄狝jax解決緩存的5種方法總結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12
變量沖突處理
變量沖突處理...
2006-09-09
AJAX工作原理及優(yōu)缺點詳解
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。接下來通過本文給大家講解ajax的工作原理及優(yōu)缺點，感興趣的朋友一起看看吧
2016-11-11