使用JSONP,jQuery的ajax跨域获取json数据
网上找了很多资料,写的不错,推荐下:
1、深入浅出JSONP--解决ajax跨域问题
(http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html)
2、JSONP的学习(收集整理)
(http://www.cnblogs.com/JoannaQ/p/3511577.html)
3、jquery的ajax和getJson跨域获取json数据
(http://www.duwaiweb.com/blog/20120918_e51195f8-2261-48cf-a883-3013a576fa51.html)
一些基本的概念,等等,这里就不再赘述了,以下只是写下,本人的使用过程(服务端项目:SSH框架的WEB项目)
1、服务端配置:Struts2.xml文件配置(必须配置,之前以为只要客户端发送请求就行,其实不然)
<package name="npds/login" namespace="/system/npds/login" extends="json-default"><global-results><result type="json"> <param name="callbackParameter">callback</param></result></global-results> <action name="findUser" class="com.cin.npds.LoginAction" method="findUser"/> <action name="login" class="com.cin.npds.LoginAction" method="login"/> <action name="initCookieUser" class="com.cin.npds.LoginAction" method="initCookieUser"/></package>
2、客户端(这是最简单的方法,也可以配置jsonp,jsonpCallback属性,可以指定返回的json数据交给哪个函数处理,好处也多多,具体参考以上3篇文章):
jQuery(document).ready(function(){ $.ajax({ url:"http://localhost:8080/npds/page/npds/homePage/queryMNewsByType",dataType: 'jsonp', success : function(json){ alert(json.newsList[0].title); }, error:function(){ alert('fail'); } }); });
结果:从服务端返回的json数据会被jQuery默认生成的一个随机函数包装起来,如下,然后会在success方法里执行,为什么呢,因为jQuery帮我们封装好了。
转载于:https://www.cnblogs.com/ontheroad_lee/p/3612686.html
使用JSONP,jQuery的ajax跨域获取json数据相关推荐
- JSONP跨域获取JSON数据(含jQuery方法)——李帅醒博客
首先我要强调JSONP和AJAX没有半毛钱关系,别把他们混淆!!!只不过他们都是从后台获取数据的方法! 前言: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨 ...
- jQuery使用ajax跨域请求获取数据
jQuery使用ajax跨域请求获取数据 跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内 ...
- JQuery实现ajax跨域
AJAX 的出现使得网页可以通过在后台与服务器进行少量数据交换,实现网页的局部刷新.但是出于安全的考虑,ajax不允许跨域通信.如果尝试从不同的域请求数据,就会出现错误.如果能控制数据驻留的远程服务器 ...
- PHP+JQuery实现ajax跨域
jQuery实现ajax跨域 1.dataType:'jsonp' 2.type: 'get' 3.把要传的参数以url方式传出去 url:'http://gameapi.feiliu.com/lq ...
- jQuery实现ajax跨域请求
jQuery实现ajax跨域请求 jsonp形式 <!DOCTYPE html> <html lang="en"><head><meta ...
- JQuery的Ajax跨域请求的解决方案
JQuery的Ajax跨域请求的解决方案 参考文章: (1)JQuery的Ajax跨域请求的解决方案 (2)https://www.cnblogs.com/amylis_chen/p/4703735. ...
- 浏览器禁止跨域请求json数据解决方法--jsonp
浏览器禁止跨域请求json数据解决方法--jsonp 参考文章: (1)浏览器禁止跨域请求json数据解决方法--jsonp (2)https://www.cnblogs.com/uyisi/p/56 ...
- 本地主机作服务器解决AJAX跨域请求访问数据的方法
本地主机作服务器解决AJAX跨域请求访问数据的方法 参考文章: (1)本地主机作服务器解决AJAX跨域请求访问数据的方法 (2)https://www.cnblogs.com/QiScript/p/5 ...
- 利用jquery写的从后台获取json数据以表格显示,并带翻页功能.里面包含模式窗口等功能...
利用jquery写的从后台获取json数据,以表格显示,并带翻页功能 里面包含模式窗口等功能 大家看例子就懂了 下面是效果图: http://www.jm47.com/project/3001.asp ...
最新文章
- tensorboard 使用教程
- 如何接触到最新的前端动态、最前沿的前端技术
- 如何将手机投屏到电脑_手机如何投屏到电脑上?详细教程看这里,手机投屏
- xshell最多支持4个_中集拉钢卷专用挂车来了!自重5吨,最多能装4个钢卷
- vos3000落地网关对接教学_跨国合作:Serverless Components 在腾讯云的落地和实践
- java二期_JAVA基础之多线程二期
- swagger2使用步骤
- clion 插件_IDEA必备插件系列-Rainbow
- 自制安装包集成.net framework 4.0
- 软件维护复杂度的因素
- c语言中如何通过二级指针来操作二维数组
- 深度学习(三):初级卷积神经网络
- C++ MFC字体设置
- 写给2018考研的你
- openwrt 程序C++ hello world的ipk软件包(三)
- 极客时间课程总结:那些编程之外的能力
- 金属塑性成形计算机模拟仿真,金属塑性成形计算机模拟的若干进展
- openresty ngx_lua重定向
- 动漫培训学费一般多少钱
- python将panadas写入excel_python pandas写入excel文件的方法示例
热门文章
- 将redis当做使用LRU算法的缓存来使用
- Spring 整合 aspectj 框架实现的 aop
- 删除文件夹时需要SYSTEM权限,简单解决
- linux root目录install,Linux如何建立、删除、切换目录?
- java大数据开发是做什么的_Java转型大数据开发教材,技能储备都在这儿!
- U-Boot 之三 U-Boot 源码文件解析及移植过程详解
- 查询性能优化(使用 Explain 进行分析、优化数据访问、重构查询方式)、存储引擎(InnoDB/MyISAM)
- linux gt txt内容为空,2gt;/dev/null和gt;/dev/null 2gt;amp;1和2gt;amp;1gt;/dev/null的区别...
- 四位先行进位电路逻辑表达式_数字电子技术考试卷以及答案(4套)
- git 怎么备份本地分支_Git常用个人备份笔记