从JSON数组中获取列表结果
Getting List Result From JSON Array
从JSON array
获得第一行结果后,我需要使用jquery
每个方法打印所有结果。
这是我的语法
$(document).ready(function () {
$("#btnsearch").click(function() {
valobj = $('#search_box').val();
$.getJSON("search.php", { q : valobj }, function(data,result){
//show result from database
$.each(data.content, function() {
$('.toprightsec').append("Title" + data.content[0].title)
.append("Intro" + data.content[0].intro_text);
});
//end show result
}, JSON);
});
data.content[0]
只显示第一行的循环。但是数据本身并没有改变。如何解决data.content[0]
.title,使行打印像在数据库中?
在对我的函数进行了一些调整之后,我添加了新的功能来显示使用列表的结果。
下面是语法
$(document).ready(function () {
//function to get the result from user-input
$("#btnsearch").click(function() {
valobj = $('#search_box').val();
$.getJSON("search.php", { q : valobj }, function(data,result){
//show result from database
$.each(data.content, function(index, value) {
$("#divContent").show();
var li = $("<li><a></a><br /><p></p></li>");
$("#posting").append(li);
$("a",li).text(value.title);
$("p",li).text(value.intro_text);
});
//end show result
}, JSON);
});
问题是,我如何重置结果从如果,我们要显示基于另一个关键字,所以列表是明确的,如果用户键入新的关键字?不刷新浏览器
谢谢。
更新2
$(document).ready(function () {
//function to get the result from user-input
$("#btnsearch").click(function() {
//clear the div
$("#divContent").html("");
valobj = $('#search_box').val();
$.getJSON("search.php", { q : valobj }, function(data,result){
//show result from database
$.each(data.content, function(index, value) {
$("#divContent").show();
var li = $("<li><a></a><br /><p></p></li>");
$("#posting").append(li);
$("a",li).text(value.title);
$("p",li).text(value.intro_text);
});
//end show result
}, JSON);
});
在每个元素中,您可以在当前迭代中捕获元素:
$.each(data.content, function(i, val) {
$('.toprightsec')
.append("Title" + val.title)
.append("Intro" + val.intro_text);
});
每个函数都有两个参数。第一个是索引,第二个是值。
:
$.each(data.content, function(index,value) {
alert(value);
}
,你可以将它们用作变量,在你的例子中,每个循环将像这样执行:
$.each(data.content, function(index, value) {
$('.toprightsec')
.append("Title" + value.title)
.append("Intro" + value.intro_text);
});
相关文章:
- 如何在下拉列表更改时自动填充mysql查询结果中的文本框值
- 如何在 jQuery 中显示“未找到结果”列表搜索
- javascript循环遍历列表项,并在数组中返回结果
- 如何根据其他下拉列表中的选择筛选下拉结果
- 如何在Meteor中将多个数据库的结果显示为列表格式
- 调用.ajax方法得到未定义的json结果,返回json格式列表<字符串>
- 如何使用 couchdb 列表函数从 couchdb 视图结果中获取特定字段
- 在比较和匹配两个对象列表时,防止结果列表中重复
- 调用 HTTP get 方法以使用 angular JS 在下拉列表中填充结果
- 使用下拉列表中的值查询 MySQL 数据库,然后使用结果填充文本字段而不刷新页面
- jQueryUI 自动完成结果列表在尝试滚动时会弹回顶部
- 使用角度剑道列表视图不显示任何结果
- 以列表形式获取多数组结果
- 以 json 结果的形式返回对象列表
- Select2 以编程方式设置搜索词并打开包含相关结果的下拉列表(无 ajax 调用)
- Google Place 自动完成功能会在下拉列表中的结果(预测)中显示“street_number”,但不会在 .ge
- 根据第一个下拉列表结果填充第二个下拉列表
- GWT无限滚动,丢弃列表结果的开头
- 从JSON数组中获取列表结果
- 我如何过滤我的列表结果的用户登录使用angularJS在SharePoint2013