我有一个处理JSON数组的AJAX请求,但是当我尝试使用它的值时,删除空格后的所有内容。
这是JavaScript代码:
$(document).ready(function(){
$("#json").on('keyup', function() {
var url = "http://localhost:8080/admin/ajax/";
$.ajax({
url:url + $(this).val(),
async:true,
data:{},
dataType:"JSON",
success: function(data, status){
var output = "<ul>";
$.each(data, function(index, key){
var k = key.nume;
output += "<li><a href='#' id='damus' data-target='" + k.trim() + "'>" + key.nume + "</a></li>";
});
output += "</ul>";
$("#result").show( "slow", function(){
$(this).html(output)
});
}
});
});
$("#result").on("click", "a", function(e){
e.PreventDefault;
id = $("#damus").data("target");
$("#json").val(id);
});
});
DSA
这是测试JSON数组:
[{"id":"1","nume":"Test one"},{"id":"2","nume":"Test two"},{"id":"3","nume":"Test three"},{"id":"4","nume":"Test four"}]
我想要做的是根据点击AJAX返回的选项更新输入,但它只用“Test”而不是“Test one”更新值(例如)。
我在这里搜索过,但只获得了如何修剪/删除空格的方法。
答案 0 :(得分:1)
向我发出的一点是,您的所有a
代码都具有相同的ID。因此,如果您点击任何链接,将显示第一个链接的data-target
属性。