`

jQuery JSONP 跨域实践(php)

阅读更多

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>
 
分享到:
评论

相关推荐

    jQuery使用JSONP实现跨域获取数据的三种方法详解

    本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考,具体如下: 第一种方法是在ajax函数中设置dataType为’jsonp’ $.ajax({ dataType: 'jsonp', url: '...

    详解js跨域请求的两种方式,支持post请求

    常用的jquery实现跨域调用 $.ajax({ url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/index.php", dataType: "jsonp", jsonp: "callback", context: document.body, success: function(data) { ...

    jquery中ajax跨域方法实例分析

    本文实例分析了jquery中ajax跨域。分享给大家供大家参考,具体如下: JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问 方法一: jsonp之 get...

    JS跨域交互(jQuery+php)之jsonp使用心得

    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的...

    ajax 设置Access-Control-Allow-Origin实现跨域访问

    即使使用jquery的jsonp方法,type设为POST,也会自动变为GET。如果跨域使用POST方式,可以使用创建一个隐藏的iframe来实现,与ajax上传图片原理一样,但这样会比较麻烦。因此,通过设置Access-Control-Allow-Origin...

    jquery电子文档chm

    jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时...

    JSONP安全攻防技术

    JSONP全称是JSONwithPadding,是基于JSON格式的为...上面例子用PHP实现如下:然后在a.com使用进行远程调用,在jQuery中可以直接这样调用:然而,安全问题一直伴随着业务发展,JSONP同样带来各种安全问题。本文就将梳

    GitHub-Buttons:使用实时数据在您的网站上自定义 GitHub 按钮

    MooTools、jQuery 和 PHP 的 GitHub 按钮 GitHubButtons 是著名的插件的一个分支,使用原始样式和基于 MooTools/jQuery 的全新 javascript 部分,无需 iframe。 它的目标是 MooTools/jQuery/PHP 用户,这些用户已经...

Global site tag (gtag.js) - Google Analytics