Ajax请求以及和IE的兼容

本文介绍了一个使用JavaScript AJAX技术与Java Servlet相结合的例子,实现了网页上银行列表的动态加载功能。通过用户输入的银行名称,后台进行数据检索,并以JSON格式返回,前端再将这些数据填充到下拉列表中。

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

js部分:
function bankmsg(){
var bank = document.getElementById("bank_msg").value;
$.ajax({
'url':'getbanklist.ajax?timeStamp=' + new Date().getTime(),
'type':'post',
'data':'bank_name='+bank,
'contentType': 'application/x-www-form-urlencoded; charset=utf-8',
'dataType':'json',
'success':function(data){
$('#bank_lhh').empty();
for(i = 0;i < data.length;i ++){
var s = data[i];
$('#bank_lhh')
.append('<option value=' + s.bank_lhh
+ '>' + s.bank_name + '</option>' );
}
},
'error':function(){
//服务器处理出错,会执行该函数。
}
});
return true;
}
servlet部分:
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
String uri = request.getRequestURI();
String action = uri.substring(uri.lastIndexOf("/"),uri.lastIndexOf("."));
if(action.equals("/getbanklist")){
String bank_name = request.getParameter("bank_name");
HLog.m_messagelog.debug("bank_name:" + bank_name);
List<BankListTable> banklist = new ArrayList<BankListTable>();
List<ArrayList<String>> list = BankListTable.getBankList(bank_name);
if(list!=null){
for(int i = 0 ;i < list.size(); i ++){
BankListTable s = new BankListTable();
s.setBank_lhh(list.get(i).get(0));
s.setBank_name(list.get(i).get(1));
s.setBank_top(list.get(i).get(2));
banklist.add(s);
}
JSONArray arry = JSONArray.fromObject(banklist);
String jsonStr = arry.toString();
//System.out.println(jsonStr);
out.println(jsonStr);
}
}
}

WEB—INF下的web.xml配置部分:
<servlet>
<servlet-name>AjaxRequest</servlet-name>
<servlet-class>com.servlet.AjaxRequest</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AjaxRequest</servlet-name>
<url-pattern>*.ajax</url-pattern>
</servlet-mapping>
jsp部分:
<input type="text" name="bank_msg" id="bank_msg" />
<input type="button" value="查询" οnclick="return bankmsg();" />
<select name="bank_lhh" id="bank_lhh" >
<option value="${bank_lhh}">${SettleAccountInfoAlliedBankCode}</option>
</select>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值