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

我将描述两种方法:使用/不使用AJAX.

>如果要进行同步表单提交,则需要将onchange事件附加到第一个选择元素:

1

2

3

以这种方式完成后,表单将被提交,第一个选择选项将作为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));

});

});

以这种方式完成后,将重新填充第二个下拉列表而不刷新页面.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值