jsonp 跨域请求

最新推荐文章于 2023-06-06 11:58:16 发布

周小坏~~~

最新推荐文章于 2023-06-06 11:58:16 发布

阅读量62

点赞数

分类专栏： html 文章标签： jsonp

本文链接：https://blog.csdn.net/qq_38106898/article/details/115766431

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

前端代码

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>


<body>
<div id="divCustomers"></div>
</body>

<script type="text/javascript">
  var url='http://xxx/index.php?g=M&m=Index&a=getjsonpData';
    $.ajax({
        url:url,
        dataType:'jsonp',
        jsonp:'jsoncallback', //Jquery生成验证参数的名称
        processData: false,
        type:'get',
        success:function(data){
		        var html = '<ul>';
		    for(var i = 0; i < data.length; i++)
		    {
		        html += '<li>' + data[i] + '</li>';
		    }
		    html += '</ul>';
		    
		    $('#divCustomers').html(html); 
		    	},
   
    });
</script>
</html>

public function getjsonpData(){
        header('Content-type: application/json');
        header('Access-Control-Allow-Origin: *');
        $json_data = '["customername1","customername2"]';
        //$_GET['jsoncallback']    对应 jsonp:'jsoncallback',
        echo $_GET['jsoncallback'] . "(" . $json_data . ")";die;
    }