最近慢慢感覺，學(xué)再多框架，庫，都不如老老實實先把基礎(chǔ)弄扎實了。

為石林等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及石林網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、網(wǎng)站制作、石林網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

不說廢話，先上一個用ajax請求下本地的一個.txt文件

執(zhí)行效果如下，點擊show就會通過ajax請求本地的.txt文件。

代碼比較簡單，加上注釋，相信很容易就看得懂。

但是工作中我們經(jīng)常會請求其他域下的資源（因為同源策略），這個時候就遇到了跨域（協(xié)議，端口，域名任何一個不同就算是跨域）。

解決跨域的一種常用辦法就是jsonp，雖然他有局限性（只支持get請求），不過優(yōu)點是兼容老式瀏覽器（不過現(xiàn)在好像很少有人在意老式瀏覽器了）。

jsonp的基本原理：就是通過動態(tài)創(chuàng)建script標(biāo)簽，script標(biāo)簽的src是沒有跨域限制的。

接下來上一個類似百度搜索下拉的頁面

  
  
  
  
  




  
123

執(zhí)行效果如下：

代碼也相對比較簡單，加上代碼的注釋，一定很容易看懂，這就是解決跨域的一種常用辦法，其他有反向代理，CORS啊等等，等我學(xué)好再整理出來。

以上這篇原生js的ajax和解決跨域的jsonp(實例講解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。