jsp jq中加java代码,从JavaScript调用/ jQuery的在JSP后端Java方法

I have a JSP in which there is a select list containing entity kind names. When I select an entity kind I need to populate another select list with the field names of the selected entity kind. For that I call a JavaScript function on the onchange event.

In the JavaScript method I need to call a method in the backend that returns an arraylist that contains the field names of the selected entity kind.

How do I call the method with and without Ajax? Also how do I populate the second select list dynamically with the arrayList?

解决方案

I'll describe two ways to go: with/without AJAX.

If you want to do a synchronous form submit you'll need to attach onchange event to your first select element:

1

2

3

When done this way, the form will be submitted and first select option will be available as request.getParameter("select-one"), based on which you'll provide data for second dropdown population, typically forwarding to a JSP.

If you want to retrieve a list via AJAX and repopulate another dropdown, you can send an AJAX request and handle returned data in a callback function:

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));

});

});

When done this way, the second dropdown will be repopulated without page refresh.