Ajax返回了JSON条带空间

时间:2015-11-24 19:50:00

标签: jquery json ajax

我有一个处理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”更新值(例如)。

我在这里搜索过,但只获得了如何修剪/删除空格的方法。

1 个答案:

答案 0 :(得分:1)

向我发出的一点是,您的所有a代码都具有相同的ID。因此,如果您点击任何链接,将显示第一个链接的data-target属性。