不正經的踩坑經歷 關於我的ajax跨域測試經歷

2021-09-24 04:33:03 字數 2003 閱讀 3001

首先先測試一下介面是不是可以正常訪問到,直接在網頁位址列訪問這個介面,可以收到正常的資料,所以可以排除介面的問題了。

然後是正經的測試階段,按照常規先寫乙個ajax。

當然了,連想都不用想,這個是肯定不能獲取到的了,不然我也不用這麼麻煩。

$.

ajax(,

error:

function

(data)})

;

我們繼續走流程,此時應該不慌不忙的加上jsonp格式來做跨域的處理:

$.

ajax(,

error:

function

(data)})

;

當然也不能忘了讓後端小夥伴加上callback()這個外面的層(我不知道該怎麼描述,就是用callback把原來的資料報裹起來,你們懂我意思的~)。

到了這一步本來就應該品嚐勝利的果實了,但是偏偏…

啊!…這到底是為什麼…這傢伙不按套路走啊! 教科書上明明不是這樣說的!

最氣人的是我都看到資料格式了,就是我想要的模樣啊!

沒辦法… 那我只好再次思(bai)考(du)怎麼處理這種問題

然後我就看到了各位大大們的**寫法,比如:

$.

ajax(,

error:

function

(data)})

;

$.

ajax(,

error:

function

(data)})

;

看起來很可行的樣子!而且大大們都成功接收到資料了!那我來挨個試試看吧!

(1)首先嘗試一下只寫datatype,滿懷期待的重新整理等待我們返回的資料!

emmmm…怎麼感覺病情好像加重了…

但是為什麼會在error裡面返回啊喂!status code明明是 200 啊喂!難道你自己不覺得很矛盾嗎!

但是根據我自身的經(bai)驗(du),我知道在code為200但是在error裡面返回是因為資料格式錯誤,所以這種方式並不比剛才的方法好一點。

(2)那就嘗試另一種方法吧!沒必要在這乙個南牆上撞死嘛!

同時寫好datatype、jsonp和jsonpcallback,現在就是見證奇蹟的時刻!

之前測試的時候好像是沒有上面的報錯提示的,不知道是我記錯了還是**操作有問題,反正我剛剛復現操作回去截圖的時候他是這樣的

…不過好像也沒什麼差別…我的前途一片灰暗…

四處碰壁的我…只好又一次踏上了尋找真理的路途…

果然皇天不負有心人!我無(zhong)意(yu)中看到了一位大大這麼說:

哦~此時我的小腦袋裡面蹭蹭蹭的一連冒出好幾個思路!那就決定是你了!

$.

ajax(,

error:

function

(data)})

;

果然!介面終於正經的返回給我想要的資料了,是這個樣子的:

沒錯!這就是我心心念念想的資料!

剩下的就非常簡單了,把字串擷取出來,然後轉換為json物件,後面就隨便用了(開心)

雖然這次最後完成了想要的效果,還用比較好笑的語氣記下來了,但是實際上這也暴露了自己對跨域這一方面確實理解和掌握都不足夠,也比較侷限,所以後面也會盡快補足這方面的知識。

這篇文章也是用來警醒自身的乙個例子,希望日後能夠在技術方面更加精進。

不正經的MarkDown語法教程

markdown是一種可以使用普通文字編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文字內容具有一定的格式。其實通俗地講就是 簡單的標記語言 它們都在用 俗話說 工欲善其事,必先利其器 編寫markdown的工具又有哪些呢 我在用的 acrylic markdown 大名鼎鼎的markdow...

那些不正經的前端筆試題

1.一家服裝店的某件商品進價為500元,如果以成本價 進價 報出,客人一定會選擇在該店鋪購買。隨著 每增加1元,客 失的可能性增加1 那麼對於該店鋪而言,最優的 是 a.500 b.510 c.520 d.530 e.540 f.550 正確答案為f 設最優 為x元,假設按500元賣出時,有100個...

不正經的胡亂分析 神奇的貪心證明

額。某不正經的我又來了,被二分答案噁心到了之後,我又開始搞貪心了,並且發現貪心也不是什麼友好的東西。甚至比二分還噁心 額,先來說說從網上乙個課件上找到的一道好題吧。題目是這樣的 一些人在排隊等待一項服務 你可以把它理解成銀行辦理業務之類的 每個人有他們的辦理業務的時間ti,排在後面的人就必須等。現在...