您的位置:首页 > Web前端 > JQuery

jquery ajax 跨域

2016-05-31 11:40 585 查看

1、jsonp

html

<script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax(
{
type:'get',
url : 'http://www.youxiaju.com/validate.php?loginuser=lee&loginpass=123456',
dataType : 'jsonp',
jsonp:"jsoncallback",
success  : function(data) {
alert("用户名:"+ data.user +" 密码:"+ data.pass);
},
error : function() {
alert('fail');
}
}
);
})
</script>


php

<?php
header('Content-Type:text/html;Charset=utf-8');
$arr = array(
"user" => $_GET['loginuser'],
"pass" => $_GET['loginpass'],
"name" => 'response'

);
echo $_GET['jsoncallback'] . "(".json_encode($arr).")";


**

2、getJosn

**

$.getJSON("http://127.0.0.1/server/index.php/jsonp/getJson?callback=?",
{ id: "123456", site: "01" },
function(data) {
console.log(data)
alert(data.id + ',' + data.site + ',' + data.name);
});


php

$get = $this->input->get();

$id = $get['id'];
$site = $get['site'];

$arr = array(
"id" =>$id,
"site" => $site,
"name" => 'response'

);

echo $_GET['callback'] . "(".json_encode($arr).")";


参考:

参考文章

jsonp原理
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery ajax 跨域