获取表单:AJAX中的选项值

Question

Jsp代码如下：

<form:select id="taxId" path="taxSeqNo" cssClass="defaultText"        <form:options items="${taxListItemsBean.taxList}" itemValue="key" itemLabel="label"/>
</form:select>

其中${taxListItemsBean.taxList}被声明为

private List<KeyItemDto> taxList;

在form.java类中。

我想通过ajax将这个taxList传递给控制器。Ajax中的代码是：

//..
var options = {
                url: "${pageContext.request.contextPath}/abc.html",
                dataType : 'json',
                contentType:'application/json',
                data: JSON.stringify(taxList ),
                beforeSubmit: function(data,set,options) {
                    if(!confirm("xxx?")) {
                        return false;
                    }
                },
..//

控制器代码：

@RequestMapping(value = "/abc.html", method = RequestMethod.POST)
    public ModelAndView executeConfirmTaxHttpServletRequest request,
      , @RequestBody List<KeyItemDto> taxList) {
System.out.println("taxList "+taxList);
}

通过上面的代码，我在Ajax中获得了一个NPE，如下所示：

data: JSON.stringify(taxList ),

不确定代码出了什么问题，以及如何将其传递给控制器并进行检索。感谢任何投入。

Answer 1

如果我没有错，你想在ajax中获得下拉选择的值，那么你想从ajax调用Controller。

如果我的理解是正确的，那么您必须使用JQuery.change()函数来获得所选的值，然后对服务器进行ajax调用。

下面的代码给出了清晰的想法，
js代码：

    var taxValues = [];
    $('#taxId option').each(function() { 
                taxValues.push( $(this).attr('value') );
            });
    $('#taxId').change(function(e) {
        //var taxValue = $('#taxId :selected').val(); // gives the dropdown selected value
        $.ajax({
            url: "/getTaxValue",
            data: "taxValues="+ taxValues, //passing the selected value to controller as a parameter
            success: function(result){
               alert(result);
            }
        });     
    });

在这里，我们将所选值作为请求参数传递给控制器，在控制器中，您将使用@RequestParam注释接收该值。

控制器代码：

    @RequestMapping(value="/getTaxValue", method=RequestMethod.GET)
    public String getTaxValue(@RequestParam("taxValues") String[] taxValues) {
        return taxValues;
    }