Javascript 使用ajax获取Json中的值

Javascript 使用ajax获取Json中的值,javascript,jquery,json,ajax,Javascript,Jquery,Json,Ajax,我有一个返回JSON的API,如下所示: success: function(response) { // yourObject that matches the code var yourObject = response.filter(function(item) { return item.Code === Code }); // wherever you want to show this name $("body").text(y

我有一个返回JSON的API,如下所示:

success: function(response) {
    // yourObject that matches the code 
    var yourObject = response.filter(function(item) {
       return item.Code === Code
    });
    // wherever you want to show this name
    $("body").text(yourObject.Name);
}
[{
“代码”:“001”,
“名称”:“xyz”,
“成员”:[{
“全名”:“用户1”
}]
}, {
“代码”:“002”,
“名称”:“asd”,
“成员”:[{
“全名”:“用户2”
}]
}]
我想用“代码”替换标签中匹配的名称和成员,我想用ajax实现这一点。如何实现与代码的匹配

这是我的实现:

$('btnFind')。在('click',函数(){
var代码=$(“#输入#编辑#代码”).val();
$.ajax({
键入:“获取”,
url:“/mvc/ComplaintHandlerSquadGetListPage”,
成功:函数(){
警惕();
},
错误:函数(ex){
警报(例如标题);
}
});
})

我不相信仅凭AJAX和简单的JSON就可以实现您想要的功能

JSON是一种构造对象的方法—JavaScript对象表示法。它只构造数据

AJAX是生成HttpRequest的异步方法。它向服务器请求一些东西

如果使用AJAX请求JSON文件。您将获得JSON数据

我相信你有两个选择:

  • 使用AJAX从服务器请求数据。然后服务器必须加载JSON文件,找到正确的数据并将正确的数据返回到AJAX
  • 使用AJAX获取JSON数据。使用JavaScript查找正确的数据

  • 您可以使用javascript的过滤器和映射数组的函数

    让我们假设您将用户键入的代码存储在此代码编号变量中

    var codeNumber = '002';
    
    您的成员阵列:

    var members = [{"Code":"001","Name":"xyz","Members":[{"FullName":"User1"}]},{"Code":"002","Name":"asd","Members":[{"FullName":"User2"}]}];
    
    按代码筛选数组的函数:

    var byCode = function(member) {
      return member.Code === codeNumber;
    };
    
    获取筛选成员名称的函数:

    var getName = function(member) {
      return member.Name;
    };
    
    你可以得到成员的名字

    var memberName = members.filter(byCode).map(getName).toString();
    
    console.log(memberName);
    

    在成功处理程序中,您可以比较如下内容:

    success: function(response) {
        // yourObject that matches the code 
        var yourObject = response.filter(function(item) {
           return item.Code === Code
        });
        // wherever you want to show this name
        $("body").text(yourObject.Name);
    }
    

    我无法理解您在这里要求的是什么。您的意思是,您想编辑具有特定代码值的元素的名称和成员属性吗?我想获得与输入代码匹配的名称,例如:如果用户输入$(“#input_edit_Code”)。val()=001 get Name“xyz”@johncon您是否正在尝试创建某种自动完成的搜索框?否,我已经完成了自动完成。我只想在用户输入代码(如“001”)时按下按钮并显示其名称。感谢您的帮助。请为您的代码添加解释,以便其他人更好地理解此操作。