javascript - 填充可通过AJAX调用选择的jQuery UI

我正在通过AJAX调用来填充可选的jQuery。我已经准备好服务器端API，已经过测试将返回序列化的jason对象。

我已经在客户端声明了selectable

<ol id="selectable"></ol>

然后我有一个按钮将触发AJAX调用以获取数据。

$.ajax({
    url: '/api/XXX/XXX,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    //error: OnAjaxError,
    success: function (data) {

    }
});

button.onclick = function () {
    $("#selectable").selectable({
      //here to fill the selectable list
    });
}

我通过Google搜索，但发现的大多数情况是在客户端预定义了列表。

那么，如何在获取数据后呈现列表？

最佳答案

对从服务器返回的数据进行循环，然后将li标签动态地构建到您的ol标签中，然后应用该插件。

$.ajax({
    url: '/api/XXX/XXX,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    //error: OnAjaxError,
    success: function (data) {
       $.each(data,function(){
         $("#selectable").append('<li>'+this.Name+'</li>');
         //here I am using data.item change it to whatever your server is returning and what you have to show in the li tags
       });
       $("#selectable").selectable(); //apply the plugin
    }
});

关于javascript - 填充可通过AJAX调用选择的jQuery UI，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35785361/