码迷,mamicode.com
首页 > Web开发 > 详细

jquery ajax跨越

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

标签:callback   handle   cti   query   script   getjson   func   blog   echo   

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跨越

标签:callback   handle   cti   query   script   getjson   func   blog   echo   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!