PHP AJAX JSONP实现跨域请求使用实例
博客专区 > zyt_1978 的博客 > 博客详情
PHP AJAX JSONP实现跨域请求使用实例
zyt_1978 发表于1年前
PHP AJAX JSONP实现跨域请求使用实例
  • 发表于 1年前
  • 阅读 14
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

在之前我写过“php返回json数据简单实例”,“php返回json数据中文显示的问题”和“在PHP语言中使用JSON和将json还原成数组”。有兴趣的童鞋可以看看

今天我写的是PHP AJAX JSONP使用的实例。不清楚jsonp是什么的请自己搜索

实例1

test.html

1

2

3

4

5

6

7

8

9

10

11

12

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>test</title>

<script src="jquery-1.5.2.min.js"></script>

<script src="ajax.js"></script>

</head>

 

<body>

</body>

</html>

 ajax.js

1

2

3

4

5

6

7

8

9

10

11

12

13

$.ajax({

    type : "post",

    url : "ajax.php",

    dataType : "jsonp",

    jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)

    jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名

    success : function(json){

        alert('success');

    },

    error:function(){

        alert('fail');

    }

});

 ajax.php

1

2

3

4

5

6

7

8

<?php

 

$data ".......";

$callback $_GET['callback'];

echo $callback.'('.json_encode($data).')';

exit;

 

?>

 jquery-1.5.2.min.js

自己上网下载

当使用jsonp时,使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。


 

实例2

test.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>test</title>

<script src="jquery-1.5.2.min.js"></script>

<script src="ajax.js"></script>

</head>

 

<body>

<form name="form">

<input type="text" name="sex">

<input type="text" name="age">

<input type="button" id="btn" value="button" />

</form>

</body>

</html>

 ajax.js

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

$(document).ready(function(){

 

    $("#btn").click(function(k) {

        //...

        var j = $("form").serializeArray();//序列化name/value

        $.ajax({

            type: 'GET',  //这里用GET

            url: 'ajax.php',

            dataType: 'jsonp',  //类型

            data: j,

            jsonp: 'callback'//jsonp回调参数,必需

            async: false,

            success: function(result) {//返回的json数据

                alert(result.message); //回调输出

                 

                result = result || {};

                if (result.msg=='err'){

                    alert(result.info);

                }else if (result.msg=="ok"){

                    alert('提交成功');

                }else{

                    alert('提交失败');

                }

                 

            },

            timeout: 3000

        })

        //...

    });

     

});

 ajax.php

1

2

3

4

5

6

7

8

<?php

$callback = isset($_GET['callback']) ? trim($_GET['callback']) : ''//jsonp回调参数,必需

$date array("age"=>$_GET['age'], "message"=>$_GET['age']);

$date["msg"]="err";

$date["info"]="因人品问题,发送失败";

$tmp= json_encode($date); //json 数据

echo $callback '(' $tmp .')';  //返回格式,必需

?>

共有 人打赏支持
粉丝 8
博文 166
码字总数 21058
×
zyt_1978
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: