UI 直接通过Jquery调用action

最新推荐文章于 2024-11-07 14:07:32 发布

chwwwdz

最新推荐文章于 2024-11-07 14:07:32 发布

阅读量87

点赞数

文章标签：ｊｑｕｅｒｙａｃｔｉｏｎ

本文链接：https://blog.youkuaiyun.com/chwwwdz/article/details/84057306

版权

本文介绍了一个使用jQuery的前端脚本，该脚本在用户更改支付表单中的借记账户编号时，通过AJAX调用后端方法来自动填充费用金额及货币类型。后端则负责获取默认费用信息并将其作为字符串返回。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1, JS code:
$(document).ready(function(){
$('#paymentSO\\.debitAccountSO\\.no').change(function() {
var cashAccountId = document.getElementById("paymentSO.debitAccountSO.no");

if(!cashAccountId){
return;
}
//post方法参数解析：
//"domesticPayment-entry.do?method=doPopulateDefaultFee"：所调用的action
//$("#DomesticPaymentForm").serialize():参数传递载体（action from）。
//function(obj):obj-aciont返回的对象。
if(cashAccountId.value != ""){
$.post("domesticPayment-entry.do?method=doPopulateDefaultFee", $("#DomesticPaymentForm").serialize(), function(obj){
var arr = obj.split(",");
document.getElementById("paymentSO.feeAmount").value = arr[0];
document.getElementById("feeCcy").innerHTML = arr[1];
document.getElementById("hiddenFeeCcy").value = arr[1];
});
}
});
});

２，后台代码：
public ActionForward doPopulateDefaultFee(ActionMapping mapping,
ActionForm form, HttpServletRequest request,
HttpServletResponse response) {
try {
defaultFeeExtension.setDefaultFee(form);
} catch (CashAccountServiceException e) {
if(LOG.isErrorEnabled()){
LOG.error("Cash Account Service errors ", e);
}
}
String feeAmt = defaultFeeExtension.getDefaultFee();
PaymentForm paymentForm = (PaymentForm) form;
String feeAmtCcy = paymentForm.getPaymentSO().getFeeCurrency();
StringBuffer stringBuffer = new StringBuffer();
stringBuffer.append(feeAmt).append(",").append(feeAmtCcy);
try {
response.getWriter().print(stringBuffer);
} catch (IOException e) {
LOG.error("doPopulateDefaultFee ", e);
}
return null;
}