从JSP中的JavaScript/jQuery调用后端Java方法

Calling a backend Java method from JavaScript/jQuery in JSP

本文关键字：调用 后端 Java 方法 jQuery JSP 中的 JavaScript      更新时间：2023-09-26

我有一个JSP，其中有一个包含实体种类名称的select列表。当我选择一个实体种类时，我需要用所选实体种类的字段名填充另一个select列表。为此，我在onchange事件上调用了一个JavaScript函数。

在JavaScript方法中，我需要在后台调用一个方法，该方法返回一个arraylist，其中包含所选实体类型的字段名。

如何在有Ajax和没有Ajax的情况下调用该方法？此外，我如何使用arrayList动态填充第二个选择列表？

我将描述两种方法：使用/不使用AJAX。

  1. 如果要执行同步表单提交，则需要将onchange事件附加到第一个select元素：

    <select name="select-one" id="select-one" onchange="this.form.submit()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

    当以这种方式完成时，表单将被提交，第一个选择选项将以request.getParameter("select-one")的形式提供，在此基础上，您将为第二个下拉填充提供数据，通常会转发到JSP。

  2. 如果您想通过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($("<option />").val(this.value).text(this.label));
    });
});

    这样做时，第二个下拉列表将在不刷新页面的情况下重新填充。

  1. 在选择下拉的onchage事件上编写一个JavaScript函数名称callAJAX

  2. 在您的callAJAX函数中，对后端进行ajax调用，从服务器获取响应，并用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"映射到方法头中的一个参数。春天是这样做的：

private @ResponseBody ArrayList getArrayList(@RequestParam("selectedEntity") String entity)
相关文章：