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

jsonp初识

时间:2017-11-26 11:07:26      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:tags   div   number   回调函数   api   www   getjson   res   请求   

我们在项目中对接口发起请求时会遇到一个跨域请求的问题,在这个时候,我们可以用一个较为简单的方法解决: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初识

标签:tags   div   number   回调函数   api   www   getjson   res   请求   

原文地址:http://www.cnblogs.com/thflang/p/7897332.html

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