Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从ajax请求追加到数据_Javascript_Jquery - Fatal编程技术网

Javascript 从ajax请求追加到数据

Javascript 从ajax请求追加到数据,javascript,jquery,Javascript,Jquery,我有一个函数,可以调用服务器并将结果(即名称列表)附加到选择下拉列表。现在,我想在结果数据中附加一个selectname选项。这是我的密码 $('#state').on('change', function() { $.ajax({ type: 'GET', url: '/get-names/' + this.value, success: fu

我有一个函数,可以调用服务器并将结果(即名称列表)附加到选择下拉列表。现在,我想在结果数据中附加一个selectname选项。这是我的密码

$('#state').on('change', function() {
                $.ajax({
                    type: 'GET',
                    url: '/get-names/' + this.value,
                    success: function(data) {
                        $('#names').empty();
                        $.each(data.names, function(key, value){
                            $('#names').append('<option value="'+value.name+'">'+value.name+'</option>');
                        });
                    }
                });
            })

如何将“选择名称”选项附加到结果中?

如果希望将其置于列表顶部,只需使用unshift将文本置于数组的开头:

success: function(data) {
                        $('#names').empty();
                        data.names.unshift("Select Name");
                        $.each(data.names, function(key, value){
                            $('#names').append('<option value="'+value.name+'">'+value.name+'</option>');
                        });
                    }

成功:函数(数据){
$(“#名称”).empty();
data.names.unshift(“选择名称”);
$.each(data.name、函数(键、值){
$('#names')。追加(''+value.name+'');
});
}

如果您希望它位于列表的顶部,只需使用unshift将文本放置在数组的开头:

success: function(data) {
                        $('#names').empty();
                        data.names.unshift("Select Name");
                        $.each(data.names, function(key, value){
                            $('#names').append('<option value="'+value.name+'">'+value.name+'</option>');
                        });
                    }

成功:函数(数据){
$(“#名称”).empty();
data.names.unshift(“选择名称”);
$.each(data.name、函数(键、值){
$('#names')。追加(''+value.name+'');
});
}

只需将其附加到每个
循环之前

$('#names').empty();
$('#names').append('<option value="Select Name">Select Name</option>');
$.each(data.names, function(key, value){
   $('#names').append('<option value="'+value.name+'">'+value.name+'</option>');
});
$('#name').empty();
$('#名称')。追加('选择名称');
$.each(data.name、函数(键、值){
$('#names')。追加(''+value.name+'');
});

只需将其附加到每个
循环之前

$('#names').empty();
$('#names').append('<option value="Select Name">Select Name</option>');
$.each(data.names, function(key, value){
   $('#names').append('<option value="'+value.name+'">'+value.name+'</option>');
});
$('#name').empty();
$('#名称')。追加('选择名称');
$.each(data.name、函数(键、值){
$('#names')。追加(''+value.name+'');
});
$('#state')。在('change',function()上{
$.ajax({
键入:“GET”,
url:'/get names/'+this.value,
成功:功能(数据){
$('#names').html('Select Name');
$.each(data.name、函数(键、值){
$('#names')。追加(''+value.name+'');
});
}
});
});
$('#state')。在('change',function()上{
$.ajax({
键入:“GET”,
url:'/get names/'+this.value,
成功:功能(数据){
$('#names').html('Select Name');
$.each(data.name、函数(键、值){
$('#names')。追加(''+value.name+'');
});
}
});
});

在开始循环之前先执行此操作。真的不清楚为什么在你已经知道如何在循环中添加它们的情况下再添加一个是复杂的,在你开始循环之前就这样做吧。当您已经知道如何在循环中添加它们时,真的不清楚为什么再添加一个会很复杂