首页 > Web开发 > 详细

jquery ajax跨越

时间:2017-11-08 17:03:03      阅读:287      评论:0      收藏:0      [点我收藏+]

JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问

1、jsonp之$.ajax

js

$.ajax({
        type: ‘GET‘,
        url: ‘http://localhost/ajax/jsonp.php‘,
        dataType: "jsonp",
        jsonp: "callback5",
        jsonpCallback:"flightHandler",
        data: {
            "age": 21,
            "name": "kitty"
        },
        success: function (data) {
            alert("name:" + data.sd + ", age:" + data.aa)
        }
    })

php

<?php 
    $age=$_GET["age"];
    $name=$_GET["name"];
    $ary=array("sd"=>"tom","aa"=>23);
     $jsondata=json_encode($ary);
    echo $_GET[‘callback5‘].‘(‘.$jsondata.‘)‘; 
?>

2、jsonp之 getJSON

js

var url = "http://localhost/ajax/jsonp.php?callback=?";
$.getJSON(url, {
    "age": 21,
    "name": "kitty"
}, function (data) {
    alert("name:" + data.name + ", age:" + data.age);
});

php

$age=$_GET["age"];
    $name=$_GET["name"];
    $jsondata = "{age:$age, name:‘$name‘}";  
    echo $_GET[‘callback‘].‘(‘.$jsondata.‘)‘; 

 

jquery ajax跨越

原文:http://www.cnblogs.com/xiaobaibubai/p/7804393.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!