課程
/前端開發(fā)
/JavaScript
/Ajax全接觸
還是不懂callback和jsonp的作用和原理
2015-11-07
源自：Ajax全接觸 6-2
正在回答
建議你百度一下jsonp 博客園一篇文章寫的特別好
以下是我理解的 ：
?? 1.先定義一個(gè)"callback123"字段用來映射jquery生成的jQueryxxxxx_xxxxx函數(shù)名（這個(gè)函數(shù)在服務(wù)器處理完畢并返回?cái)?shù)據(jù)時(shí)再由jquery調(diào)用）；
?? 2.然后jsonp協(xié)議直接請(qǐng)求http://127.0.0.1:8080/ajaxdemo/service.php?number=111；（個(gè)人感覺jsonp協(xié)議不受同源策略限制）
?? 3.接著服務(wù)器端定義變量$jsonp獲取請(qǐng)求中名為"callback123"的值，也就是獲取到回調(diào)函數(shù)名"jQueryxxxxx_xxxxx"；
?? 4.再接著服務(wù)器處理完畢后將數(shù)據(jù)放到回調(diào)函數(shù)中，也就是視頻中老師以jQueryxxxxx_xxxxx(jsondata)這種$jsonp拼接(jsondata)的形式返回給前端；
?? 5.最后前端接收到"jQueryxxxxx_xxxxx(jsondata)"，jquery調(diào)用這個(gè)jQueryxxxxx_xxxxx函數(shù)，將jsondata傳入到success中的function中，這樣就實(shí)現(xiàn)了跨域。
感覺是這樣~
舉報(bào)
本課程通過一個(gè)案例，講解Ajax的相關(guān)概念原理實(shí)現(xiàn)方式和應(yīng)用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-01-22
建議你百度一下jsonp 博客園一篇文章寫的特別好
2015-12-04
以下是我理解的 ：
?? 1.先定義一個(gè)"callback123"字段用來映射jquery生成的jQueryxxxxx_xxxxx函數(shù)名（這個(gè)函數(shù)在服務(wù)器處理完畢并返回?cái)?shù)據(jù)時(shí)再由jquery調(diào)用）；
?? 2.然后jsonp協(xié)議直接請(qǐng)求http://127.0.0.1:8080/ajaxdemo/service.php?number=111；（個(gè)人感覺jsonp協(xié)議不受同源策略限制）
?? 3.接著服務(wù)器端定義變量$jsonp獲取請(qǐng)求中名為"callback123"的值，也就是獲取到回調(diào)函數(shù)名"jQueryxxxxx_xxxxx"；
?? 4.再接著服務(wù)器處理完畢后將數(shù)據(jù)放到回調(diào)函數(shù)中，也就是視頻中老師以jQueryxxxxx_xxxxx(jsondata)這種$jsonp拼接(jsondata)的形式返回給前端；
?? 5.最后前端接收到"jQueryxxxxx_xxxxx(jsondata)"，jquery調(diào)用這個(gè)jQueryxxxxx_xxxxx函數(shù)，將jsondata傳入到success中的function中，這樣就實(shí)現(xiàn)了跨域。
感覺是這樣~