通过Ajax调用指定值以选择框

我正在尝试在加载页面时执行ajax调用，并通过此ajax调用获取值，我想将其指定为选择框值。但它不工作。通过Ajax调用指定值以选择框

GSP CODE：

<select id="${form?.id}" name="${form?.id}" ><option selected="selected">select</option></select>

JavaScript代码：

$(document).ready(function(){ 

     $.ajax({ 
      url: "${g.createLink(controller: "landing", action: "getBankKeys")}", 
      data: { 
        country: $("#Country").text() 
      }, 
     dataType: 'json', 
     success: function(json){ 
     $.each(json, function(i, optionHtml){ 
       $('#BankKey').append(optionHtml); 
      }); 
       } 
      }); 
     });

Groovy代码：

def getBankKeys() { 
     def bankKeys = vendorManagementDelegate.getBankKeys(params.country) 
     println "Bank Keys +++++++++++++++++++++++++++++++++++++++++++"+bankKeys 
     render bankKeys as JSON 
    }

我得到婷bankKeys通过上面的println语句，像这样的列表：

Bank Keys +++++++++++++++++++++++++++++++++++++++++++[0020000, 0020000, 0020001, 0020001, 0020007, 0020007, 0020067, 0020067, 0020149, 0020149, 0020199, 0020199, 0020215, 0020215, 0020218, 0020218, 0020243, 0020243, 0020245, 0020245, 0020255, 0020255, 0020265, 0020265, 0020274, 0020274, 0020278, 0020278, 0020315, 0020315, 0020345, 0020345, 0020348, 0020348, 0020371, 0020371, 0020389, 0020389, 0020505, 0020505, 0020506, 0020506, 0020531, 0020531, 0020557, 0020557, 0020558, 0020558, 0020567, 0020567, 0020588, 0020588, 0020662, 0020662, 0020680, 0020680, 0020681, 0020681, 0020693, 0020693, 0020779, 0020779, 0020870, 0020870, 0020885, 0020885, 0020891, 0020891, 0020922, 0020922, 0020943, 0020943, 0020978, 0020978, 0024006, 0024006, 0024138, 0024138, 0024150, 0024150, 0024152, 0024152, 0024165, 0024165, 0024227, 0024227, 0024291, 0024291, 0024329, 0024329, 0024344, 0024344, 0024350, 0024350, 0024430, 0024430, 0024468, 0024468, 0024618, 0024618, 0024658, 0024658, 0024692, 0024692, 0024730, 0024730, 0030000, 0030000, 0060000, 0060000, 0090000, 0090000, 0120000, 0120000, 0120001, 0120001, 0120002, 0120002, 0120004, 0120004, 0120005, 0120005, 0120006, 0120006, 0120007, 0120007, 0120008, 0120008, 0120009, 0120009, 0120010, 0120010, 0120011, 0120011, 0120012, 0120012, 0140000, 0140000, 0149200, 0149200, 0210000, 0210000, 0720000, 0720000, 123456, 123456, BANAMEX, BANAMEX, BANAMEX11, BANAMEX11, BANAMEX12, BANAMEX12, BANAMEX99, BANAMEX99, GEN01, GEN01, NONE, NONE, TRANSFERENCIA, TRANSFERENCIA]

来源

2015-08-03 Santosh Anantharamaiah

什么是你的问题？什么应该被放入价值？如果您返回JSON，那么可能会更好，因此您可以轻松解析它。 – Barmar

@Barmar很好，如果我将它作为JSON返回，我将如何将它赋值为 –

将'dataType：“json”'添加到选项。然后你可以用'data.propertyname'访问响应的字段。如果它是一个数组，你可以使用'for'循环或者'.each'来遍历它。 – Barmar

摆脱线：

println "Bank Keys +++++++++++++++++++++++++++++++++++++++++++"+bankKeys

如果你正在返回JSON，这必须是在响应中的唯一的事情。如果您在它之前放置纯文本行，Javascript将无法解析JSON。

在JavaScript中，你需要创建数组元素<option>元素：

$.each(json, function(i, option) { 
    $("#BankKey").append($("<option>", { 
     value: option, 
     text: option 
    })); 
});

来源

2015-08-03 12:43:33 Barmar

非常感谢你，完全为我工作。 –

通过Ajax调用指定值以选择框

回答

相关问题