一个jsonp的简单实例
2016-04-06 15:49
316 查看
<script type="text/javascript"> //添加<script>标签的方法 function addScriptTag(src){ var script = document.createElement('script'); script.setAttribute("type","text/javascript"); script.src = src; document.body.appendChild(script); } window.onload = function(){ //搜索apple,将自定义的回调函数名result传入callback参数中 addScriptTag("http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=apple&callback=result"); } //自定义的回调函数result function result(data) { //我们就简单的获取apple搜索结果的第一条记录中url数据 alert(data.responseData.results[0].unescapedUrl); } </script>
jquery中使用
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $.ajax({ url:"http://localhost:20002/MyService.ashx?callback=?", dataType:"jsonp", jsonpCallback:"person", success:function(data){ alert(data.name + " is a a" + data.sex); } }); </script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $.getJSON("http://localhost:20002/MyService.ashx?callback=?",function(data){ alert(data.name + " is a a" + data.sex); }); </script>
相关文章推荐
- Java与JavaScript 完美实现字符串拆分(利用数组存储)与合并的互逆操作
- JS中判断null、undefined与NaN的方法
- js中时间戳转化成时间格式
- 【笔记】 《js权威指南》- 第14章 Window对象 14.8 多窗口和窗体
- javascript跳跃式前进(3) - 跳入JSON
- javascript跳跃式前进(3) - 跳入JSON
- javascript 中 slice()、substr() 和subString()使用
- angualrjs动态加载分析
- JavaScript javaScript中的Date 以及对原生javaScript的扩展
- javascript高级选择器querySelector和querySelectorAll
- ext js 知识点
- js cookie 设置
- 原生js制作日历控件实例分享
- Mock.js:前后端分离开发工具
- [Gulp Workflow] 在提交代码前使用jslint进行代码检查
- js解析json字符串数组
- js判断对象的类型的四种方式
- js循环中延迟几秒执行下一段代码
- Json学习篇
- js控制一个按钮是否可点击(可使用)disabled