Question

我有一个用户可以输入的输入字段。我正在试图弄清楚如何调用json动态。因此，如果此人在printer1中键入，它将使用printer1.json。如果他们输入keyboard5，它将加载keyboard5 json。

这是我的HTML

<input type="text" value="" class="call-json edit-device" />

这是我的jQuery

    $.getJSON('json/printer1.json', function (data) {

        var items = [];
        $.each(data[0].attributes['edgebox.stat.prop.type'], function (key, val) {
            items.push(val);
        });
        displaySortLabel(items, "type-details");

        var items = [];
        $.each(data[0].attributes['edgebox.stat.prop.serial.number'], function (key, val) {
            items.push(val);
        });
        displaySortLabel(items, "serial-number-details");

Answer 1

您可以收听keyup事件。

var timeout = '';
$('.call-json').keyup(function(){
    clearTimeout(timeout);
    var val = this.value;
    timeout = setTimeout(function(){
        $.getJSON('json/'+val+'.json', function (data) {
           // ...
        });       
    }, 80);
})

JSON和jQuery交换json

1 个答案: