jsonp初识

我们在项目中对接口发起请求时会遇到一个跨域请求的问题，在这个时候，我们可以用一个较为简单的方法解决：jsonp

 

后端（以php为例）:

 <?php

　　header('Content-type: application/json');

　　//获取回调函数名

　   $jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']);

　　//json数据

　　$json_data = '["customername1","customername2"]';

　　//输出jsonp格式的数据

　　echo $jsoncallback . "(" . $json_data . ")"; ?>

前端（以jquery为例）：

$.getJSON("http://www.api.com/jsonp.php?jsoncallback=?", function(data)

{

　　var html = '<ul>';

　　 for(var i = 0; i < data.length; i++)

　　{

　　　　html += '<li>' + data[i] + '</li>';

　　}

　　html += '</ul>';

　　$('#id').html(html);

});