日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > HTML >内容正文

HTML

前端请求进化之路--从form表单到JSONP

發(fā)布時(shí)間:2025/3/8 HTML 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 前端请求进化之路--从form表单到JSONP 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

簡(jiǎn)單梳理前端請(qǐng)求的變遷史,著重對(duì)JSONP進(jìn)行整理


請(qǐng)求演變

  • 使用form表單提交請(qǐng)求,缺點(diǎn)是每次提交必定會(huì)刷新頁(yè)面
  • 在1基礎(chǔ)之上使用iframe進(jìn)行局部刷新,用戶體驗(yàn)得到一定優(yōu)化
  • 動(dòng)態(tài)創(chuàng)建圖片提交請(qǐng)求
    • 注意請(qǐng)求與返回內(nèi)容類(lèi)型須一致
    • 每次必須返回圖片較為不便
  • 動(dòng)態(tài)創(chuàng)建script提交請(qǐng)求(即JSONP)
    • 注意script必須在插入頁(yè)面后(可使用append方法)才會(huì)提交請(qǐng)求
    • 為了不刷新頁(yè)面可依據(jù)后端數(shù)據(jù)庫(kù)變化情況同時(shí)對(duì)前端頁(yè)面內(nèi)容進(jìn)行同步更新
    • script載入完成后可將其移除
    • 提交請(qǐng)求時(shí)可直接講callback值傳入

  • JSONP定義:

  • 請(qǐng)求方創(chuàng)建 script,src 指向響應(yīng)方,同時(shí)傳一個(gè)查詢參數(shù) ?callback=xxx

  • 響應(yīng)方根據(jù)查詢參數(shù) callback,構(gòu)造形如

    • xxx.call(undefined, '你要的數(shù)據(jù)')
    • xxx('你要的數(shù)據(jù)')

    這樣的響應(yīng)

  • 瀏覽器接收到響應(yīng),就會(huì)執(zhí)行 xxx.call(undefined, '你要的數(shù)據(jù)')

  • 那么請(qǐng)求方就知道了他要的數(shù)據(jù)

  • 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

    總結(jié)

    以上是生活随笔為你收集整理的前端请求进化之路--从form表单到JSONP的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

    如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。