如何将Json数据导入JQuery移动应用程序
我正在使用JQuery Mobile在DreamView中制作基本的“新闻”应用程序。
我做了所有的设计，但现在是时候将Json数据从我的api服务器获取到我的应用程序中了。
这里是我的api服务器链接；f、 e.“http://mywebapiurl”
我想我需要编写关于getJson的Jquery函数，但我不知道怎么做？
我将如何把它放到我的列表视图与小文章图片，文章标题和文章标题？
这是我的listview示例，我将显示来自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>
等待你的答案。
非常感谢你。
共有2个答案
你试过什么？JQuery在json主题上非常直截了当，模式：
$(function() {
$.getJSON('/api', function(data) {
var $foo = $('#foo');
for(vari=0; i<data.length; i++) {
$foo.append('<div>'+data[i][title]+'</div>');
}
});
});
正在使用的JSFIDLE示例：http://jsfiddle.net/Gajotres/8uac7/
$(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');
}
}
在您的情况下，只需将数据类型：“jsonp”更改为数据类型：“json”。
编辑：
文档就绪不应与jQuery Mobile一起使用。通常，它会在页面加载到DOM之前触发。
这可以通过适当的jQuery Mobile page事件修复，如下所示：
$(document).on('pagebeforeshow', '#home', function(){
});
关于页面事件及其工作原理的更多信息可以在这篇文章中找到，透明地说，这是我的个人博客。或者在这里找到它。
我更喜欢<代码>$。ajax可以更好地与jQuery Mobile配合使用，特别是当您需要显示/隐藏ajax页面加载器或执行我的示例中的跨域调用时。但总的来说是一样的。
-
我有这个JS代码： 我的JSON看起来像：{“日期”：“2017-03-27”，“顺序”：“61”，“数据”：[{“国家标签”：“澳大利亚”，“货币标签”：“多拉尔”，“单位”：“1”，“代码”：“澳元”，“汇率”：“18.946”}，{“国家标签”：“巴西”，“货币标签”：“真实”，“单位”：“1”，“代码”：“BRL”，“汇率”：“7.951”}，{“国家标签”Bulharsko，“货币标签”
-
问题内容： 我正在制作一个混合移动应用程序，我需要存储一些数据，例如，如果它是一个游戏：高分等..到目前为止，它能够使用jquery从JSON文件中读取数据..，但是是否可以写到JSON文件??！ 还是有其他方法可以这样做？ IDE-Eclipse（插件-IBM Worklight Studio） 只能使用HTML 5以及JS和JQ！ 谢谢 （： 问题答案： 您可以将JSON写入本地存储，而只需使
-
问题内容： 我想挂断来电，检测到它，然后挂断。 问题是：这没有解决。 我试图将包添加到我的应用程序并创建接口： 但通话并未结束。 在这里，我检测到呼叫，显示toast（已显示），然后尝试挂断，但是正如我首先说的那样，com.android.internal.telephony.ITelephony在创建该程序包之前没有： 我的清单和权限： 问题答案： 该ITelephony接口是内部接口，因此您无
-
问题内容： 我正在努力将数据从文件导入。 我可以使用在命令行中执行相同的操作。 我进行了很多尝试，但无法使用Java从Json文件导入。 sample.json 谢谢你的时间 〜加内什〜 问题答案： 假设您可以分别读取JSON字符串。例如，您阅读了第一个JSON文本 并将其分配给变量（字符串json1），下一步是解析它， 将所有 dbo 放入列表， 然后将它们保存到数据库中： 编辑： 在最新的Mo
-
思想 有可能只是嵌入实时方向吗？
-
我有一个开发和qa Azure Cosmos数据库，有3或4个集合。我希望能够对数据进行快照并在本地复制，这样我就可以使用Cosmos Db模拟器进行本地开发。我已经看到了数据迁移工具，虽然它确实提到了从模拟器复制，但它没有提到是否可以复制到模拟器。有人知道它或其他工具是否可以从Azure Cosmos Db复制到本地模拟器吗？如果可以，有什么特殊步骤可以做到这一点吗？或者有没有更简单的方法只导出