当前位置： ag凯发k8国际 > 前端技术 > javascript >内容正文

javascript

使用jsonp，jquery的ajax跨域获取json数据 -ag凯发k8国际

发布时间：2024/10/12 javascript 28 豆豆

ag凯发k8国际收集整理的这篇文章主要介绍了使用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"> callback class="com.cin.npds.loginaction" method="finduser"/> class="com.cin.npds.loginaction" method="login"/> 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

总结

以上是ag凯发k8国际为你收集整理的使用jsonp，jquery的ajax跨域获取json数据的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错，欢迎将ag凯发k8国际推荐给好友。