jQuery JSONP 跨域实践(php)

最新推荐文章于 2025-04-02 23:18:56 发布

原创最新推荐文章于 2025-04-02 23:18:56 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #JavaScript #ViewUI

Javascript 同时被 3 个专栏收录

13 篇文章

订阅专栏

Jquery

5 篇文章

订阅专栏

PHP

1 篇文章

订阅专栏

本文展示了一个使用JSONP和jQuery实现跨域请求的例子。通过一个简单的PHP后端脚本和本地HTML页面，演示了如何从远程服务器获取JSON格式的数据，并使用jQuery的getJSON方法解析这些数据。

jquery jsonp php实例

远程服务器上的php文件（test.php）:

<?php

$callback = isset($_GET["callback"])?$_GET["callback"]:"callback";

$foo = isset($_GET["foo"])?$_GET["foo"]:"'";

$format = isset($_GET["format"])?$_GET["format"]:"";

 
$array = array("foo"=>$foo,"format"=>$format);

echo $callback . "(". json_encode($array). ")";

?>

本地html:

<!DOCTYPE html>
<html>
<head>

<script src="http://code.jquery.com/jquery-1.5.js"></script>

</head>

<body>

<div id="images">
</div>

<script>

$.getJSON("http://your.server.com/jsonp.php?callback=?",{
    foo: "bar",
    format: "json"
  },function(data) {
      alert(data.format);
  });

</script>

</body>
</html>