大佬教程收集整理的这篇文章主要介绍了如何将Json数据导入Jquery移动应用程序，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我做了所有的设计,但现在是时候把我的api服务器上的Json数据放到我的应用程序中了.
这是我的api服务器链接; F.E. “http：/ mywebapiurl”
我想我需要编写关于getJson的Jquery函数,但我不知道如何制作它？
我将如何通过小文章图片,发表文章和文章头条将其放入我的列表视图中？
这是我的列表视图的示例,我将展示来自Json的新闻.
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>Post Mobile</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li><a href="#headline">
<img src=ArticlePicture" class="ui-li-has-thumb"/>
<h3>Articletitle</h3>
<p>ArticleHeadline</p>
</a></li>
</ul>
</div>
<div data-role="footer" data-position="fixed">
<h4>© funky app </h4>
</div>
<script> $(document).ready(function() { $.getJSON("http://mywebapiurl",function(data) { var result= ""; $.each(data.LatestNews,function(index,value) { result+= "<ul><li><a href='#'><h3>"+value.titlE+"</h3><p>"+value.SPOT+"</p></a></li></ul>"; }); $("#articleContainer").html(result); }) }); </script>
等你的回答.
非常感谢你.
$(document).on('pagebeforeshow','#home',function(e,data){ $.ajax({url: "http://api.themoviedb.org/2.1/Movie.search/en/json/23afca60ebf72f8d88cdcae2c4f31866/The Goonies",dataType: "jsonp",async: true,success: function (result) { ajax.parseJSONP(result); },error: function (request,error) { alert('Network error has occurred please try again!'); } }); }); var ajax = { parseJSONP:function(result){ $.each( result,function(i,row) { $('#movie-data').append('<li><a href="#headline"><img src="http://www.incine.fr/media/photos_films/original/1285_4bc92529017a3c57fe00ee84_1293130970.jpg" class="ui-li-has-thumb"/><h3>' + row.original_name+ '</h3><p>' + row.overview+ '</p></a></li>'); }); $('#movie-data').listview('refresh'); } }
在您的情况下,只需将dataType：“jsonp”更改为dataType：“json”.
编辑：
文档就绪不应该与jQuery Mobile一起使用.通常它会在页面加载到DOM之前触发.
这可以通过适当的jQuery Mobile页面事件来修复,如下所示：
$(document).on('pagebeforeshow',function(){ });
有关页面事件及其工作原理的更多信息可以在ARTICLE中找到,为了透明,这是我的个人博客.或者找到它HERE.
$.getJSON vs $.ajax
我更喜欢$.ajax,因为它适用于jQuery Mobile,特别是如果你需要显示/隐藏ajax页面加载器或者像我的例子那样进行跨域调用.但总的来说它是一样的.
以上是大佬教程为你收集整理的如何将Json数据导入Jquery移动应用程序全部内容，希望文章能够帮你解决如何将Json数据导入Jquery移动应用程序所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。