Jsonp使用简单实例
2016-03-17 18:40
701 查看
http://t1.com/index.html
http://t2.com/jsonp.php
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jsonp</title> <script type="text/javascript" src="/static/jquery.min.js"></script> </head> <body> <h1>JSONP</h1> <script type="text/javascript"> $(document).ready(function(){ $.ajax({ type: "get", async: false, url: "http://t2.com/jsonp.php", dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"localHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 success: function(json){ $('body').append('<h2>您查询到航班信息:票价: ' + json.price + ' 元,余票: ' + json.tickets + ' 张。</h2>'); }, error: function(){ alert('fail'); } }); }); </script> </body> </html>
http://t2.com/jsonp.php
<?php header('Content-Type:application/json; charset=utf-8'); $callback='localHandler'; $data=array( 'price'=>26358, 'tickets'=>56 ); echo $callback.'('.json_encode($data).');';
相关文章推荐
- jsp 自定义标签
- 前端工程师面试题JavaScript部分(第三季)
- 全国省市县三级地址联动js
- JS使用正则表达式
- Json转换利器Gson之实例一-简单对象转化和带泛型的List转化
- JavaScript学习笔记(13)——BOM
- 一般处理程序返回Json
- js代码片段【数制转换】【判断回文】
- js 事件委托
- ES2015 - JavaScript (1)
- JS控制图片显示的大小(图片等比例缩放)
- json跨域请求
- 一些JS特效
- Angular打印错误的minErr函数
- 有关JSON的工具类
- 二维数组转化为json
- JS与OC交互
- javascript拷贝函数和拷贝对象上函数的区别
- JavaScript中的map()
- Scrapy+splash抓取js生成的数据