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

WebApp开发:ajax请求跨域问题的解决

时间:2015-01-07 21:52:58      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:

服务端:PHP

客户端:Andorid, HTML5, jQuery, ajax

现象:本想通过jQuery的ajax功能从服务器取回数据存到手机的缓存里,结果总是错误,后来想到可能是跨域问题,所以查了下jsonp的方案先把流程跑通,明天再完善看看有什么好的方案

服务端:http://www.code-style.com/test/a.php

<?php

//服务端返回JSON数据
$arr=array(‘name‘=>‘shujun.li‘);
$result=json_encode($arr);


//动态执行回调函数
$callback=$_GET[‘callback‘];
echo $callback."($result)";
?>

客户端

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Listview AutodividersSelector - jQuery Mobile Demos</title>
    <script src="js/jquery.js"></script>
    
    <script type="text/javascript">
    $.ajax({
        url:"http://www.code-style.com/test/a.php",
        dataType:jsonp,
        data:‘‘,
        jsonp:callback,
        success:function(result) {
            alert(result["name"])
        },
        timeout:3000
    });
</script>
</head>
<body>
</body>
</html>

 

生成URL : http://www.code-style.com/test/a.php?callback=jQuery1102004144126083701849_1420635061128&_=1420635061129

响应:jQuery1102004144126083701849_1420635061128({"name":"shujun.li"})

WebApp开发:ajax请求跨域问题的解决

标签:

原文地址:http://www.cnblogs.com/code-style/p/4209406.html

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