Javascript 搜索框结果==Json结果

我有一个Node.js服务器，它读取JSON文件，其中包含大量信息。其中一个是一个人的ID，我在HTML页面中有一个搜索框，我想为客户端设置一个jquery方法（需要ajax），以查找用户放在搜索框中的ID是否与JSON中的ID相同，如果是，我想返回关于那个人的一些信息，比如说用户的姓名和用户名

注意：我100%确信我的server.js文件可以正常工作

请帮帮我，我是Jquery的新手

到目前为止，我已经做到了

$(document).ready(function(){
    $("#id_of_the_search_box_button").click(function (any_function_variable_name) {
    $.ajax({
      type: 'GET',
      url: '/url_of_the_related_server_side',
      dataType: 'json'
      })
          .done(function(data){
              console.log(data);
              alert(JSON.stringify(data));

              data.forEach(function (any_function_variable_name) {

                if(any_function_variable_name.search_box_ID == any_function_variable_name.name_in_the_JSON_file_for_one_of_the_searched_ID){

                    $userElement = $("<li>").html("<strong>ID: </strong>" + any_function_variable_name.id); //id is defined in JSON and I was able to use in another part of the jquery
                    $userBlock = $("<ul>")
                        .append(
                            $("<li>").html("<strong>Name: </strong>" + any_function_variable_name.name) //name of the user
                        )
                        .append(
                            $userElement
                        )
                        .append(
                            $("<li>").html("<strong>User User Name: </strong>" + any_function_variable_name.userName)
                        );
                                                                  $any_function_variable_nameBlock.insertAfter("#search");
            }
            });
    });})}) 

$（文档）.ready（函数（）{
$（“搜索框按钮的id”）。单击（函数（任何函数变量名称）{
$.ajax({
键入：“GET”，
url:“/url\u与服务器端相关的”，
数据类型：“json”
})
.完成（功能（数据）{
控制台日志（数据）；
警报（JSON.stringify（数据））；
data.forEach（函数（任意函数\变量\名称）{
如果（任意函数变量名称搜索框ID==任意函数变量名称名称JSON文件中任意一个搜索ID的名称）{
$userElement=$（“
”）.html（“ID:”+任何函数\变量\名称.ID）；//ID在JSON中定义，我可以在jquery的另一部分中使用
$userBlock=$（“
”）
.附加(
$（“
”）.html（“名称：”+任何函数\变量\名称.Name）//用户名称
)
.附加(
$userElement
)
.附加(
$（“
”）.html（“用户名：”+任何函数变量名称.userName）
);
$any_function_variable_nameBlock.insertAfter（“#search”）；
}
});
});})}) 

注意：我不知道我是否能正确地关闭括号

---

提前谢谢

我猜您正在寻找如下所示的东西

我没有进行ajax调用，而是使用静态数据编写，如下所示

HTML

那么下面的方法应该有效

$(document).ready(function(){
  $("#id_of_the_search_box_button").click(function (any_function_variable_name) {
    $.ajax({
      type: 'GET',
      //Or whatever your URL structure is
      url: 'http://127.0.0.1:5230/find/id?Id=' + $('#searchBox').val(),
      dataType: 'json'
    })
    .done(function(data){
      $("ul")
      .append('<li> <strong>ID: </strong>' + data.user.id)
      .append('<li> <strong>User Name: </strong>' + data.user.user_name)
      .append('<li> <strong>Name: </strong>' + data.user.name)
      .append('<li> <strong>Screen Name: </strong>' + data.user.screen_name);
    });
  });
});

$（文档）.ready（函数（）{
$（“搜索框按钮的id”）。单击（函数（任何函数变量名称）{
$.ajax({
键入：“GET”，
//或者不管你的URL结构是什么
网址：'http://127.0.0.1:5230/find/id?Id=“+$（“#搜索框”）.val（），
数据类型：“json”
})
.完成（功能（数据）{
$（“ul”）
.append（'
ID:'+data.user.ID）
.append（'
用户名：'+data.User.User\u Name）
.append（'
名称：'+data.user.Name）
.append（“
屏幕名称：”+data.user.Screen\u名称）；
});
});
});

如果这不起作用，请发一个小提琴手，我会努力让它起作用

---

希望这有帮助……

您能提供json文件的结构吗？样本数据将有助于……[{…“id”：37595960858，“在对屏幕名称的答复中”：null，“用户”：{“id”：2384451，“id”str:“238678”，“名称”：“Doga I”，“屏幕名称”：“IDoga”，“id”：65739068412，“在对屏幕名称的答复中”：null，“用户”：{“id”：2878009，“id”str:“235678”，“名称”：“Jon Doe”，“用户名”：“JD”，…]用户在搜索框中填写的id应该与用户之外的id匹配。注意：我使用Expression不仅仅是为了确保我正确理解您的问题，

[{“id”：37595960858，“in_reply_to_screen_name”：null，“user”：{“id”：2384451，“id_str”：“238678”，“name”：“Doga I”，“screen_name”：“IDoga”}，{“id”：65739068412，“在对屏幕的回复中”name:“null，”user:{“id”：2878009，“id”str:“235678”，“name:“Jon Doe”，“user”：“JD”}]

是您的结构，您希望与

{id:…}

匹配，而不是

{user:{id:…}}

…对吗？它不起作用，我想问题比我想的更大。谢谢你的尝试。如果你不介意的话，你能写一个通用的结构吗？因为当我使用127.0.0.1:5230/find/id？…并改为写写id…我在终端/控制台上看到了正确的答案（我有一个console.log（））。问题是，我的jquery ajax应该看到搜索框值，将该值与JSON中的值进行比较，如果它们匹配，则需要返回此人的信息。再次感谢您删除forEach循环，并将您的ajax url设置为…url:“”+$（“#searchBox”）。val（）也就是说，直接调用id为的api。如果您想问其他问题，也可以直接使用而不是$。post？当然……如果不相关，您也可以发布其他问题。：）

var data = [
  {
    "id": 37595960858,
    "in_reply_to_screen_name": null,
    "user": {
      "id": 2384451,
      "id_str": "238678",
      "name": "Doga I",
      "screen_name": "IDoga"
    }
  },
  {
    "id": 65739068412,
    "in_reply_to_screen_name": null,
    "user": {
      "id": 2878009,
      "id_str": "235678",
      "name": "Jon Doe",
      "user_name": "JD"
    }
  }
];


$(document).ready(function(){
  $("#id_of_the_search_box_button").click(function (any_function_variable_name) {

    var searchText = parseInt($('#searchBox').val());


    data.forEach(function (any_function_variable_name) {

      if(any_function_variable_name.id === searchText){

        $("ul")
            .append('<li> <strong>ID: </strong>' + any_function_variable_name.user.id)
            .append('<li> <strong>User Name: </strong>' + any_function_variable_name.user.user_name)
            .append('<li> <strong>Name: </strong>' + any_function_variable_name.user.name)
            .append('<li> <strong>Screen Name: </strong>' + any_function_variable_name.user.screen_name);

      } //End if

    }); //End forEach

  });
}); 

$(document).ready(function(){
  $("#id_of_the_search_box_button").click(function (any_function_variable_name) {
    $.ajax({
      type: 'GET',
      url: '/url_of_the_related_server_side',
      dataType: 'json'
    })
    .done(function(data){


      var searchText = parseInt($('#searchBox').val());


      data.forEach(function (any_function_variable_name) {

        if(any_function_variable_name.id === searchText){

          $("ul")
            .append('<li> <strong>ID: </strong>' + any_function_variable_name.user.id)
            .append('<li> <strong>User Name: </strong>' + any_function_variable_name.user.user_name)
            .append('<li> <strong>Name: </strong>' + any_function_variable_name.user.name)
            .append('<li> <strong>Screen Name: </strong>' + any_function_variable_name.user.screen_name);

        } //End if

      }); //End forEach



    });
  });
});

{
    "id": 37595960858,
    "in_reply_to_screen_name": null,
    "user": {
      "id": 2384451,
      "id_str": "238678",
      "name": "Doga I",
      "screen_name": "IDoga"
    }
  }

$(document).ready(function(){
  $("#id_of_the_search_box_button").click(function (any_function_variable_name) {
    $.ajax({
      type: 'GET',
      //Or whatever your URL structure is
      url: 'http://127.0.0.1:5230/find/id?Id=' + $('#searchBox').val(),
      dataType: 'json'
    })
    .done(function(data){
      $("ul")
      .append('<li> <strong>ID: </strong>' + data.user.id)
      .append('<li> <strong>User Name: </strong>' + data.user.user_name)
      .append('<li> <strong>Name: </strong>' + data.user.name)
      .append('<li> <strong>Screen Name: </strong>' + data.user.screen_name);
    });
  });
});