使用ajax和jQuery的绑定下拉列表
使用ajax和jQuery的绑定下拉列表
提问于 2015-09-18 16:40:39
我想将splunk中的数据绑定到一个下拉列表中。
servlet通过gson返回一个JsonString
Gson gson = new Gson();
String jsonString = gson.toJson(arrays);
resp.getWriter().write(jsonString);在jsp中，ajax被用来获取jsonString和back下拉列表。
$(document).ready(function() {
$.ajax({
type: "POST",
dataType : "json",
url : "../getName",
success : function(data) {
console.log("success to return name");
if (msg) {
alert("Somebody" + name + " was added in list !");
location.reload(true);
} else {
alert("Cannot add to list !");
}
$.each(objdata["wlsDomain"], function(i, val) {
jQuery('#DropdownList').append('<option value="' + val.name + '</option>');
});
};
)};
)];它说$(...).ready不是一个函数。如果我将"$“更改为"jQuery"，则不会出现任何警告。但是，绑定失败。
然后，我还尝试了下面的代码，以了解ajax是否可行。它显示“失败”。因此，ajax是不可行的。
jQuery(document).ready(function() {
var promise =jQuery.ajax({
type: "POST",
url: "../getName",
dataType: "json"
});
promise.fail( function() {
window.alert("Fail!");
});
promise.done( function() {
window.alert("Success!");
});我能知道这是怎么回事吗？如何将从splunk获取的名称绑定到下拉列表？
谢谢!
回答 1
Stack Overflow用户
发布于 2015-09-18 17:37:16
尝试以下代码：
$(document).ready(function () {
var $el = $('#DropdownList');
var url = "../getName";
$.getJSON(url, {}, function (data) {
$el.empty(); // remove old options
$.each(data, function(index, obj) {
$el.append($("<option></option>")
.attr("value", obj.name).text(obj.name));
});
} );
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32647564
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号