`
guoyulong005
  • 浏览: 31522 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

Ajax请求以及和IE的兼容

阅读更多
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="查询" onclick="return bankmsg();" />
<select name="bank_lhh" id="bank_lhh" >
<option value="${bank_lhh}">${SettleAccountInfoAlliedBankCode}</option>
</select>
分享到:
评论

相关推荐

    ajax兼容IE,FF问题

    这篇博文主要探讨了如何解决Ajax在IE和Firefox上的兼容性问题。 首先,让我们了解一下Ajax的基本原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步通信。在发送...

    Ajax FireFox IE 乱码兼容问题

    在IT领域,特别是Web开发中,字符编码的处理是一大挑战,尤其是在跨浏览器、跨平台的环境下,如在Ajax请求中遇到的FireFox与IE之间的乱码兼容问题。本文将深入探讨这一问题,并提供详细的解决方案。 ### Ajax与字符...

    ajax简易模型 兼容多个浏览器(ff ie ...) get post请求

    ajax简易模型 兼容多个浏览器(ff ie ...) get post请求

    兼容IE6之前版本,IE7,Mozilla、Opera、Safari 和 大部分非 Microsoft 浏览器的AJAX发送类。

    兼容IE6之前版本,IE7,Mozilla、Opera、Safari 和 大部分非 Microsoft 浏览器的AJAX发送类。 兼容IE6之前版本,IE7,Mozilla、Opera、Safari 和 大部分非 Microsoft 浏览器的AJAX发送类。

    真正实现ajax上传文件 兼容IE6789火狐谷歌世界之窗

    在现代Web开发中,文件上传是一个常见的功能,但要实现跨浏览器兼容性,尤其是在旧版本的Internet Explorer(如IE6、IE7、IE8、IE9)以及Firefox、Chrome和世界之窗等其他浏览器上,可能面临一些挑战。Ajax上传文件...

    Ajax请求的五个步骤!!!

    同时,针对不同的浏览器环境,我们也需要考虑兼容性和缓存等问题,以确保Ajax请求能够在各种环境中稳定运行。随着Web开发技术的发展,虽然Ajax不再像过去那样被频繁提及,但其核心思想仍然广泛应用于现代Web开发中。

    fileUpload(兼容IE的Ajax上传图片)

    3. **兼容性处理**:对于不支持FileReader和FormData的浏览器(如IE8),可能需要使用iframe或者ActiveXObject(XMLHttpRequest的IE特有实现)来模拟Ajax上传。 4. **上传过程**:当文件选择后,使用Ajax发送POST...

    ajax实例,兼容各个主流浏览器

    以下将详细介绍Ajax的工作原理以及如何实现跨浏览器兼容性。 ### 1. Ajax的工作原理 Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器交换数据并更新部分网页内容。其工作流程包括以下几个步骤: ...

    IE7 Ajax跨域问题

    在IE7以及更早版本的IE浏览器中,实现跨域Ajax请求比现代浏览器更为复杂。这是因为IE7支持的XDomainRequest对象相比XMLHttpRequest对象有更严格的限制,但提供了有限的跨域支持。 在处理IE7的跨域Ajax问题时,...

    ajax异步请求小结

    **Ajax异步请求小结** ...通过理解和掌握这些Ajax的基本概念和处理技巧,开发者能够有效地实现异步数据交互,提升Web应用的性能和用户体验。在实际开发中,还应注意兼容性问题,确保在各种浏览器环境下都能正常工作。

    IE兼容性问题的快速解决方法_ajax请求不发送到后台

    本文将详细讲解如何解决IE浏览器下AJAX请求不发送到后台的问题。 首先,我们需要理解这个问题的根本原因。IE浏览器有一种独特的缓存机制,它会缓存HTTP请求,以提高页面加载速度。对于AJAX请求,如果URL没有发生...

    ajax中的IE和火狐的区别

    在Web开发过程中,特别是在处理Ajax请求时,经常遇到不同浏览器之间的兼容性问题。本文将基于提供的文档摘要,深入探讨Internet Explorer(IE)与Mozilla Firefox(火狐)这两种主流浏览器在处理DOM操作、事件绑定等...

    ajax 无刷新上传图片兼容所有浏览器

    总的来说,“ajax无刷新上传图片并兼容所有浏览器”涉及的知识点包括:XMLHttpRequest对象的使用、FormData对象的创建和操作、Ajax请求的生命周期管理、浏览器兼容性处理、以及前端的反馈机制。通过理解这些知识点,...

    IE8 jquery ajax获取静态资源报错TypeError 拒绝访问

    这个插件利用了IE8及更高版本提供的XDomainRequest对象,它是专为跨域Ajax请求设计的一个低级接口,可以绕过同源策略的限制。 然而,"TypeError:拒绝访问"错误在IE8中可能由以下原因导致: 1. **URL格式不正确**...

    extjs3.0 ajax 同步请求

    在上述代码片段中提到了一个关于浏览器兼容性的问题:“在 Firefox 12 中使用时,无法在 IE 和 Chrome 中使用,需要进行一些修改。”这可能是由于不同浏览器对 XMLHttpRequest 对象的支持程度不同所导致的。 解决这...

    兼容ie8的上传源码

    总的来说,"兼容ie8的上传源码"是一个针对旧版浏览器的文件上传解决方案,它利用了当时的技术,如IFrame、ActiveX控件,以及传统的表单提交,以实现与现代浏览器类似的功能。理解并分析这样的源码可以帮助我们更好地...

    新手练习 Ajax请求封装进JavaScript类

    本文将深入探讨如何将Ajax请求封装进一个JavaScript类,同时关注超时处理、并发请求以及浏览器兼容性问题。 首先,我们来创建一个基础的Ajax类。这个类应该包含初始化方法、发送请求的方法以及处理响应的方法。以下...

    IE9 IE8 ajax跨域问题的快速解决方法

    - **IE8的Ajax请求不刷新问题**:有时IE8在使用Ajax请求后不会刷新页面内容,可能需要设置正确的HTTP头信息,例如`Cache-Control: no-cache`和`Pragma: no-cache`,来防止缓存。 总之,解决IE9和IE8的Ajax跨域问题...

    兼容IE FF 省级三级联动

    在网页开发中,"兼容IE FF 省级三级联动"是一个常见的需求,涉及到前端界面交互和浏览器兼容性处理。这个需求通常出现在构建一个选择地址的下拉菜单时,用户首先选择省份,接着是城市,最后是区县,这三个级别形成一...

Global site tag (gtag.js) - Google Analytics