首頁 > 後端開發 > php教程 > JSONP如何解決跨來源資料檢索問題?

JSONP如何解決跨來源資料檢索問題?

Patricia Arquette
發布: 2024-12-07 20:21:14
原創
304 人瀏覽過

How Does JSONP Solve Cross-Origin Data Retrieval Problems?

JSONP:簡化跨來源資料擷取

處理跨來源 Web 要求時,同源策略可能會帶來挑戰。 JSONP(帶有 Padding 的 JSON)作為解決此問題的解決方案應運而生。以下是如何實現基本 jQuery、PHP 和 JSONP 請求以從不同域檢索資料的分步說明:

jQuery 請求

$.getJSON('http://www.write-about-property.com/jsonp.php?callback=?', { firstname: 'Jeff' }, function(res) {
  alert('Your name is ' + res.fullname);
});
登入後複製

PH回應

<?php
  $fname = $_GET['firstname'];
  if ($fname == 'Jeff') {
    echo $_GET['callback'] . '(' . "{'fullname' : 'Jeff Hansen'}" . ')';
  }
?>
登入後複製

密鑰修改:

  • ?callback=?: 在JSON🎜>
  • ?callback=?:
  • 在JSON🎜>
  • $_GET['callback'] 。 '(':
  • 伺服器使用JavaScript 呼叫瀏覽器提供的回呼函數。
  • res.fullname:
JavaScript 程式碼存取伺服器傳回的JSON 並顯示「全名」值。

HTML中響應

是的,您可以在結果中儲存HTML,然後JavaScript 程式碼將根據需要處理HTML。 >此範例從位於下列位置的PHP腳本檢索「Jeff」的全名「http://www.write-about-property.com/jsonp.php」。

以上是JSONP如何解決跨來源資料檢索問題?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板