gpt4 book ai didi

javascript - 从 JSON 数组获取列表结果

转载 作者:行者123 更新时间:2023-11-30 23:17:05 26 4
gpt4 key购买 nike

<分区>

JSON 数组 获取第一行结果后,我需要使用 jquery each 方法打印所有结果。

这是我的语法

 $(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);
});

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com