在JSP中从JavaScript / jQuery调用后端Java方法
我有一个JSP,其中有一个包含实体类名称的select
列表。 当我选择实体类型时,我需要使用所选实体类型的字段名称填充另一个select
列表。 为此,我在onchange
事件上调用了一个JavaScript函数。
在JavaScript方法中,我需要在后端调用一个方法,该方法返回一个包含所选实体类型的字段名称的arraylist
。
如何使用和不使用Ajax调用该方法? 另外,如何使用arrayList
动态填充第二个选择列表?
我将描述两种方法:使用/不使用AJAX。
-
如果要进行同步表单提交 ,则需要将
onchange
事件附加到第一个select
元素:以这种方式完成后,表单将被提交,第一个选择选项将作为
request.getParameter("select-one")
,根据该选项,您将为第二个下拉填充提供数据,通常转发到JSP。 -
如果要通过AJAX检索列表并重新填充另一个下拉列表,可以发送AJAX请求并在回调函数中处理返回的数据:
var val = $('#select-one option:selected').val(); $.ajax({ url: "servletURL",//servlet URL that gets first option as parameter and returns JSON of to-be-populated options type: "POST",//request type, can be GET cache: false,//do not cache returned data data: {one : val},//data to be sent to the server dataType: "json"//type of data returned }).done(function(data) { var second = $("#select-two"); $.each(data, function() { options.append($("").val(this.value).text(this.label)); }); });
以这种方式完成后,将重新填充第二个下拉列表而不刷新页面。
-
在选择下拉列表的
onchage
事件上编写一个JavaScript函数名称callAJAX -
在你的callAJAX函数中,对后端进行ajax调用,从服务器获取响应,并使用ajax调用中的响应填充新的下拉列表
如果不让我知道,我希望你可以拨打电话。
您希望从后端动态加载列表。 您必须与服务器通信:
- 页面加载(表单提交)
- 或没有页面加载(ajax)。
如果AJAX
不是你的要求,我建议你首先通过表单提交(带页面加载)来实现,因为它对初学者来说简单易行。
同意Jai。 您必须将该表单提交给java方法,然后您的java方法将返回arrayList。 当然,如果您提交表单,您的页面将会刷新,我不确定您之前选择的值是否仍会在表单上选中。 我不太习惯这种做法。 我更喜欢使用jquery。
使用jquery,你可以这样做:
$.ajax({ url: "/MyApp/MyClass/getArrayList", type: "GET", data: "selectedEntity=" + s_entity, success: function(response){ //handle returned arrayList }, error: function(e){ //handle error } });
把它放在一个函数中。 将您选择的实体作为参数传递,并在成功部分中处理响应。 当然,您的java方法应该将’selectedEntity’映射到方法头中的参数。 在Spring中,它是这样完成的:
private @ResponseBody ArrayList getArrayList(@RequestParam("selectedEntity") String entity)