Javascript 将json值作为链接放置在列表中
我正在使用phonegap开发移动应用程序。我正在尝试将我的数据库值显示到名为nextpage.html的html页面的列表中。但我无法将其作为链接插入。你能帮我插入一个链接吗。当我点击这些链接时,它会在一个新页面中显示该部分数据的详细信息 nextPage.htmlJavascript 将json值作为链接放置在列表中,javascript,jquery,html,json,phonegap-build,Javascript,Jquery,Html,Json,Phonegap Build,我正在使用phonegap开发移动应用程序。我正在尝试将我的数据库值显示到名为nextpage.html的html页面的列表中。但我无法将其作为链接插入。你能帮我插入一个链接吗。当我点击这些链接时,它会在一个新页面中显示该部分数据的详细信息 nextPage.html <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1, maximum-sc
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.4.4.min.css" />
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.mobile-1.4.4.min.js"></script>
<script src="js/nextPage.js"></script>
<title>Edfutura1</title>
</head>
<center>
<body id="category_id">
<div data-role="page" id="catlist">
<div id="loading" > </div>
<div data-role="header" data-position="fixed" data-theme="b">
<h1>category</h1>
</div>
<div data-role="main" class="ui-content">
<form id="nextForm" >
<ul data-role="listview" data-inset="true" id="category">
<li>
</li>
</ul>
</form>
</div>
</div>
</body>
</center>
</html>
Edfutura1
类别
-
nextPage.js
var base_url="http://dev.edfutura.com/nithin/jps/edfuturaMob/";
$(document).on("pageinit","#catlist", function() {
var submitUrl = base_url+"categorylist/get_categorylist";
//$("#loading").css("display", "block");
$.ajax({
url: submitUrl,
dataType: 'json',
type: 'POST',
success: function(response)
{
var categoryList = $('#category');
var category;
for(var i = 0, len = response.length; i < len; i++)
{
//pls do something
category = response[i];
categoryList.append($('<li>').attr('id', category.category_id).html(category.category_name));
}
},
error: function()
{
alert("error");
}
});
});
var base\u url=”http://dev.edfutura.com/nithin/jps/edfuturaMob/";
$(document).on(“pageinit”,“#catlist”,function()){
var submitur=base_url+“categorylist/get_categorylist”;
//$(“#加载”).css(“显示”、“块”);
$.ajax({
网址:submitur,
数据类型:“json”,
键入:“POST”,
成功:功能(响应)
{
变量类别列表=$(“#类别”);
var类别;
对于(变量i=0,len=response.length;i').attr('id',category.category\u id).html(category.category\u name));
}
},
错误:函数()
{
警报(“错误”);
}
});
});
category\u id和category\u name是我的数据库值。我想通过点击它的类别名称的详细信息。我没有这样做。请帮助我。。。
我的输出是
var base_url="http://dev.edfutura.com/nithin/jps/edfuturaMob/";
$(document).on("pageinit","#catlist", function() {
var submitUrl = base_url+"categorylist/get_categorylist";
//$("#loading").css("display", "block");
$.ajax({
url: submitUrl,
dataType: 'json',
type: 'POST',
success: function(response)
{
var categoryList = $('#category');
var category;
for(var i = 0, len = response.length; i < len; i++)
{
//pls do something
category = response[i];
categoryList.append($('<li>').attr('id', category.category_id).html(category.category_name));
}
},
error: function()
{
alert("error");
}
});
});
用以下内容替换您的附加内容:
$('#category').append('<li id="' + category.category_id + '">' + category.category_name + '</li>');
$(“#category”).append(““+category.category_name+” ”);
不是最干净的解决方案,但会起作用您可以在li元素内添加锚定标记:
var a = $('<a>').attr('href', '#').html(category.category_name);
categoryList.append($('<li>').attr('id', category.category_id).append(a));
var a=$('').attr('href','#').html(category.category_name);
categoryList.append($('').attr('id',category.category_id).append(a));
先生,它已经在为我工作了。但我试图让它成为一个链接。我不知道如何将它们附加为linkson$('').attr('href','#'),替换为下一页的链接。例如,如果你把www.google.com放进去,它会将你重定向到谷歌的网站。你如何传递或访问href id