Javascript 如何创建以模型为参数的ajax成功方法

我正在将选定的customername从ui发送到后端。该方法返回模型。如何在ui中处理模型对象

这是我的密码

<form:form method="get" action="retrieve" modelAttribute="customer" commandName="customer">
  <b>Environment:</b>
  <form:select path="EnvrironmentId" id="environmentDetails">
    <option selected="selected">Select An Environment</option>
    <form:options items="${map.environmentnamesList}" itemLabel="environmentName" itemValue="envrironmentId"/>
  </form:select>

像这样的东西

<script>
$(document).ready(function() {
    $("#customerDetails").change(function() {
        var value1 = $('#customerDetails :selected').text();
        $.ajax({
            type: 'POST',
            url: 'environments',
            data: {
                selectedcustomername: value1
            },
            success: function(data) {

            }

        });
    });
});



@RequestMapping(value = "/environments", method = RequestMethod.POST)
public ModelAndView getenvironments(HttpServletRequest request,
    HttpServletResponse response, @ModelAttribute("customer") Customer customer, @RequestParam String selectedcustomername) throws Exception {
    System.out.println("selected cust name" + selectedcustomername);
    ModelAndView model = null;
    Map < String, Object > map = new HashMap < String, Object > ();
    List < org.mvc.domain.Environments > environmentnamesList = loginDelegate.getEnvironments(selectedcustomername);
    Collections.sort(environmentnamesList, new CustomComparator());
    for (int i = 0; i < environmentnamesList.size() - 1; i++) {
        customer.setEnvrironmentId(environmentnamesList.get(0));
        customer.setEnvironmentName(environmentnamesList.get(1));
    }
    map.put("environmentnamesList", environmentnamesList);
    model = new ModelAndView("welcome", "map", map);
    return model;

}

---

我在firebug html部分得到了下拉值。但我无法在主html中加载相同的值。

因为您正在从ui发送ajax请求，所以它不知道后端的模型，最好的方法是将响应转换为json或html，并在javascript中使用它们

另一个解决方案是从后端本身呈现页面，并在jsp中添加类似的内容

<script>
  var model=[];
  model.someparam="${model.someparam}";
  model.anotherparam="${model.anotherparam}";
</script>

在js中，您可以这样做

<script>
$(document).ready(function() {
    $("#customerDetails").change(function() {
        var value1 = $('#customerDetails :selected').text();
        $.ajax({
            type: 'POST',
            url: 'environments',
            data: {
                selectedcustomername: value1
            },
            success: function(data) {

            }

        });
    });
});



@RequestMapping(value = "/environments", method = RequestMethod.POST)
public ModelAndView getenvironments(HttpServletRequest request,
    HttpServletResponse response, @ModelAttribute("customer") Customer customer, @RequestParam String selectedcustomername) throws Exception {
    System.out.println("selected cust name" + selectedcustomername);
    ModelAndView model = null;
    Map < String, Object > map = new HashMap < String, Object > ();
    List < org.mvc.domain.Environments > environmentnamesList = loginDelegate.getEnvironments(selectedcustomername);
    Collections.sort(environmentnamesList, new CustomComparator());
    for (int i = 0; i < environmentnamesList.size() - 1; i++) {
        customer.setEnvrironmentId(environmentnamesList.get(0));
        customer.setEnvironmentName(environmentnamesList.get(1));
    }
    map.put("environmentnamesList", environmentnamesList);
    model = new ModelAndView("welcome", "map", map);
    return model;

}

alertmodel.someparam