jsonp初识

Posted 2020-10-15 it大虫

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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);

});

以上是关于jsonp初识的主要内容，如果未能解决你的问题，请参考以下文章