1

我有一个用户可以输入的输入字段。我试图弄清楚如何使对 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");
4

1 回答 1

2

您可以收听该keyup事件。

var timeout = '';
$('.call-json').keyup(function(){
    clearTimeout(timeout);
    var val = this.value;
    timeout = setTimeout(function(){
        $.getJSON('json/'+val+'.json', function (data) {
           // ...
        });       
    }, 80);
})
于 2013-02-14T21:57:36.583 回答