ajax 跨域jsonp

最新推荐文章于 2024-04-05 02:37:50 发布

蓝冰咖啡

最新推荐文章于 2024-04-05 02:37:50 发布

阅读量641

点赞数

分类专栏： HTML前端 jquery

本文链接：https://blog.csdn.net/lanbingkafei/article/details/45029901

版权

jquery 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

HTML前端

1 篇文章 0 订阅

订阅专栏

今天遇到一个ajax请求跨域的问题，demo如下：

一、getJson方式

服务器端1代码（文件名：json.html）：

<html>
<head>

	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

</head>

<body>

	<div id="images">
	</div>

	<script>
		$.getJSON("http://192.168.95.155/1.php?callback=?",{format:"json"},function(data){alert(data.format);});


    </script>

</body>
 </html>

服务器端2代码（文件名：1.php）：

<?php
$callback=$_GET['callback'];
// $callback="callback";
$data=json_encode(array("info"=>"OK","format"=>$_GET['format']));
echo $callback."(".$data.")";
?>

二、Ajax底层函数方式

1、客户端代用代码：

<html>
<head>
<meta charset="utf-8">
	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

</head>

<body>

	<div id="images">点击提交按钮改变内容</div>
    <input  type="button" value="提交" οnclick="SendData()"/>
    <script type="text/javascript">   
        function SendData()   
        {   
             $.ajax({   
                 type: "GET",   
                 async: false,   
                 url: "http://192.168.95.155/2.php",   
                 dataType: "jsonp",
                 jsonp: "callback",   
                 success: function(data){   
                    //alert(data.info);  
                    $("#images").html(data.info); 
                 },   
                 error: function(){   
                     alert('fail');   
                 }   
             });   
        }   
         
         
     </script>

</body>
 </html>

2、服务器代码：

<?php
    $callback=$_GET['callback'];
    $data=json_encode(array("info"=>"ajax跨域请求","format"=>"json"));
    echo $callback."(".$data.")";
?>

参考：http://www.aitiblog.com/php/284.html

蓝冰咖啡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 跨域jsonp

今天遇到一个ajax请求跨域的问题，demo如下：服务器端1代码： $.getJSON("http://192.168.95.155/1.php?callback=?",{format:"json"},function(data){alert(data.format);}); 服务器端2代码：
复制链接

扫一扫