jsonp 接口

一.请求接口

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $.ajax({
        type: "get",
        url:"http://nong.cn/?r=home/kai",
        dataType:‘jsonp‘,
        data:‘‘,
        jsonp:‘callback‘,
        success:function(msg) {
            var str = new String();
            $.each(msg, function (i, n) {
                str += "<li><a href=‘‘>" + n.n_name + "</a></li>";
            });

            $("#ul").html(str);
        }

    });

})
</script>

二.写个简单的接口

/**
 * jsonp 返回值
 *
 **/
public function actionKai()
{
   $sql ="select * from nav where is_show=1";
      $data = \yii::$app->db->createCommand($sql)->queryAll();
      // dd($data);

       //动态执行回调函数
       $callback=$_GET[‘callback‘];
       $json = json_encode($data); #转换为json格式
      return $callback."($json)";
}
时间: 2024-10-13 14:51:21

jsonp 接口的相关文章

【NodeJS】---增加jsonp接口

请参考我的百度经验 AngularJS跨域请求NodeJS的Jsonp接口:http://jingyan.baidu.com/article/cd4c297917cb03756e6e6038.html

Struts2的jsonp接口实例

和以往写struts2程序一样,action方法跳转到一个JSP中,为了配合jsonp的跨域,要在JSP中做一个输出 JSP: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String jsoncallback = request.getParameter("callback"

php jsonp接口

//jsonp回调 $callback = isset($_GET['callback']) ? trim($_GET['callback']) : ''; //jsonp回调参数,必需 $cgc_kanjia_zhuli_rec = new cgc_kanjia_zhuli_rec(); $recmember = pdo_fetchall("SELECT * FROM " . tablename('cgc_kanjia_zhuli_member') . " WHERE mo

jsonp接口的xss防范

防范方式也很简单,只要在header里输出类型设置为javascript即可: 1 header('Content-type: text/javascript;charset=utf-8');

php 实现 jsonp 数据接口

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 <?php /**

JSONP超简单例子,一看就能上手

JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别,但其实他们根本不是一回事儿:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议.JSONP解决了ajax跨域请求的问题,JSONP只是解决跨域请求方案中的一种. 下面基于Servlet简单介绍一下JSONP接口的开发流程: 1, 创建一个Servlet接口JsonpServlet class  JsonpSe

原生javascript里jsonp的实现原理

ajax不能跨域,jsonp可以跨域 跨域的核心思想: 调用(拿到的接口),定义(jsonp核心处理器)分别是不同的script标签里面进行跨script取数据(只有get方式进行取数据 ) jsonp传进来的数据是{url:'',data:{ cbName='cb',(根据接口制定的命名规范,有些事叫callback) wd='aaa', ......(之后的数据都要进行字符串拼接) },success:function(result){}} 一:设置默认状态(容错处理) json=json|

jQuery处理JSONP

http://www.g7blogs.com/?p=821 作为一枚前端,提起jsonp大家都不会陌生.特别是在我们组内的业务中,和服务器端交互的数据几乎都是采用这种形式.但假如要让你用原生的JS写出XHR请求来构造JSONP,估计都要跪了吧.因为我们都习惯把jQuery当成了JS的一部分了,就好比平时都是坐飞机到帝都的,你突然说让我骑个单车上北京.不是说不行,只是平时骄奢惯了,适应不了原生态.所以这篇东西要说的并不是那些Google随便一搜就可以搜到的JSONP科普文,而重点要说的是jQuer

XSS结合JSONP获取网站访客社交账号信息

我在本地环境搭建了一个WordPress网站,并在该网站中植入JavaScript文件.如果访客在浏览网站时登录了百度账号,该js文件能够利用JSONP获取网站访客的百度账号信息. 具体情况如下: 1.首先修改WordPress的footer.php文件,引入2个外部JavaScript文件.第一个是jQuery库,第二个是jsonp代码.在实际渗透中,如果该网站存在存储型XSS漏洞,我们就可以将xss_jsonp.js文件植入进去. 2.xss_jsonp.js文件内容如下,具体功能是通过JS