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

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中文網其他相關文章！