jsp_ajax_post 方式传参数乱码问题学习笔记

最新推荐文章于 2022-02-19 18:50:24 发布
最新推荐文章于 2022-02-19 18:50:24 发布
阅读量749 收藏
点赞数
文章标签： ajax jsp xmlhttprequest javascript servlet callback
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a123jc456789/article/details/5998779
版权

问题：我全站都是使用utf-8编码，不过在用ajax向servlet传参数的时候，firfox显示正常，IE8出现乱码。

部分源码如下：ajax（js）代码

<script language="javascript">
<!--
      var xmlhttp;

      function sub(id){
        if(window.XMLHttpRequest){
          xmlhttp =new XMLHttpRequest();
          if(xmlhttp.overrideMineType){
             xmlhttp.overrideMineType("text/xml");
          }else if(window.ActiveXobject){
             var MSXML=['Msxml2.XMLHTTP','Microsoft.XMLHTTP'];//['Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP']
             for(var i=0; i<MSXML.length; i++){
               try{
                xmlhttp= new window.ActiveXObject(MSXML);
                break;
             }catch(e){}
            }
          }
          
        }
       if(xmlhttp==undefined||xmlhttp==null){
              alert("无法创建XMLHttpRequest");
       }
    
      var vl=document.getElementById(id).value;
 
     // xmlhttp.open("GET","User_manager?bvalue="+vl,true);
       //      alert("41");
      xmlhttp.open("POST",encodeURI("User_manager"),true);//对传的参数进行URL编码，可防止一些乱码问题。
      xmlhttp.onreadystatechange=callback;
      xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");/charset=UTF-8.一定要加。不加就会就会出现上文的乱码问题。
   
      xmlhttp.send(encodeURI("bvalue="+vl+"&id="+id));
      //xmlhttp.send(null);
       function callback(){
         if(xmlhttp.readyState==4){
            if(xmlhttp.status==200){
               var message= xmlhttp.responseText;
               ///var doxml=xmlhttp.responseXML;
               var button= document.getElementById(id);
                alert("41");
                alert(message);
               button.value=message;
              
            }
         }
      }
    }
     2 jsp 部分页面：

 <input type="button" id="<s:property value='id' />" name="state" value="<s:property value='stateString'/>" οnclick="sub(this.id)"></td> //这是要动态改变的按钮。

 

3，后台servlet。

public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  
   response.setCharacterEncoding("UTF-8");
  response.setContentType("text/html");
  PrintWriter out = response.getWriter();
  String value=request.getParameter("bvalue");
  String id=request.getParameter("id");

总结，现在很多人纠结于中文乱码问题，其实只要全站用了utf-8编码，不建议用GBK(转码很头疼)，还有Javascript也要注意编码统一（utf-8）。基本不会出现乱码问题。传参数的时候建议使用POST方式。这也容易引起乱码.而且他参数长度也有限制。要传大量参数的时候，一定要用POST方式。

问题：我全站都是使用utf-8编码，不过在用ajax向servlet传参数的时候，firfox显示正常，IE8出现乱码。

部分源码如下：ajax（js）代码

<script language="javascript">
<!--
      var xmlhttp;

      function sub(id){
        if(window.XMLHttpRequest){
          xmlhttp =new XMLHttpRequest();
          if(xmlhttp.overrideMineType){
             xmlhttp.overrideMineType("text/xml");
          }else if(window.ActiveXobject){
             var MSXML=['Msxml2.XMLHTTP','Microsoft.XMLHTTP'];//['Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP']
             for(var i=0; i<MSXML.length; i++){
               try{
                xmlhttp= new window.ActiveXObject(MSXML);
                break;
             }catch(e){}
            }
          }
          
        }
       if(xmlhttp==undefined||xmlhttp==null){
              alert("无法创建XMLHttpRequest");
       }
    
      var vl=document.getElementById(id).value;
 
     // xmlhttp.open("GET","User_manager?bvalue="+vl,true);
       //      alert("41");
      xmlhttp.open("POST",encodeURI("User_manager"),true);//对传的参数进行URL编码，可防止一些乱码问题。
      xmlhttp.onreadystatechange=callback;
      xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");/charset=UTF-8.一定要加。不加就会就会出现上文的乱码问题。
   
      xmlhttp.send(encodeURI("bvalue="+vl+"&id="+id));
      //xmlhttp.send(null);
       function callback(){
         if(xmlhttp.readyState==4){
            if(xmlhttp.status==200){
               var message= xmlhttp.responseText;
               ///var doxml=xmlhttp.responseXML;
               var button= document.getElementById(id);
                alert("41");
                alert(message);
               button.value=message;
              
            }
         }
      }
    }
     2 jsp 部分页面：

 <input type="button" id="<s:property value='id' />" name="state" value="<s:property value='stateString'/>" οnclick="sub(this.id)"></td> //这是要动态改变的按钮。

 

3，后台servlet。

public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  
   response.setCharacterEncoding("UTF-8");
  response.setContentType("text/html");
  PrintWriter out = response.getWriter();
  String value=request.getParameter("bvalue");
  String id=request.getParameter("id");

总结，现在很多人纠结于中文乱码问题，其实只要全站用了utf-8编码，不建议用GBK(转码很头疼)，还有Javascript也要注意编码统一（utf-8）。对传的参数用encodeURI() 进行URL编码，基本不会出现乱码问题。传参数的时候建议使用POST方式。这也容易引起乱码.而且他参数长度也有限制。要传大量参数的时候，一定要用POST方式。

a123jc456789
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java Web学习笔记13：AJAX基础
howard2005的专栏
11-19 1350
文章目录 一、AJAX概述 1、XMLHttpRequest对象的属性 2、XMLHttpRequest对象的方法 二、案例演示——不加载整个页面局部刷新内容 1、创建Web项目AjaxDemo 2、修改Web项目首页文件index.jsp 3、在web目录创建子目录data，在里面创建userlist.txt文件 4、在web目录创建getUserList.html页面 5、启...
ajax后台传值能传集合,java后台list集合传值到前台，再取值的几种方法
weixin_39688378的博客
08-06 1058
1.在jsp页面中嵌套 java代码：首先jsp页面中导入java的工具类//在js中插入java代码操作//取出java后台设置好的userListList> userList = (List>)request.getAttribute("userList");//如果userList的值为空则实例化if(userList==null){userList = new ArrayLis...
js ajax utf8,js调用AJAX时Get和post的乱码解决方法
weixin_42498981的博客
08-05 354
在使用"get"时，抓取的页面最后加上编码类型服务器端：servletactioncontext.getresponse().setcharacterencoding("utf-8");客户端 网页特效p/jsp.html target=_blank >jsp教程： response.expires = -9999response.addheader "pragma","no-cache"r...
jsp页面接收ajax请求参数乱码问题,AJAX 中文参数 乱码问题
weixin_39926042的博客
08-05 516
AJAX中文问题分为两大类：1)发送路径中的参数有中文，在服务器段接收参数值是乱码例如：var url="a.jsp?name=小李"；xmlHTTP.open ("post",url,true);解决办法：利用javascript的提供的escape()或encodeURI()方法例如：客户端：var url="a.jsp?name=小李"；url=encodeURI(url);url=enco...
jsp中ajax方法带参数传递,jsp中利用jquery+ajax在前后台之间传递json格式参数
weixin_39943370的博客
08-05 349
经过一段时间的实验琢磨，终于将前后台之间的参数传递搞定了，实验所用工具myeclipse+structs1.2。总结：容易出错的地方：1.ajax中data的格式一定要写对，这里举了两种形式，一种是 data：{参数：“”} 另一种是 data：“参数=”+变量。2.后台传递到前台数据转化为json格式，步骤要掌握好。3.在js使用jquery必须要引用进来，否则会不执行jquery语句，这个问题...
java-jsp-spring中的ajax--post(亲测可用)
q18792880831的博客
06-07 290
如果觉得写得可以 或者太差 就 评论一下或者赞一下呗,多谢支持!!1.需要的jar&lt;!-- https://mvnrepository.com/artifact/org.json/json --&gt;    &lt;dependency&gt;        &lt;groupId&gt;org.json&lt;/groupId&gt;        &lt;artifactId&gt;j...
JSP用JS实现Ajax（笔记）
weixin_46949627的博客
09-04 1204
一、Ajax 由js与xml的组装。 核心为异步刷新。JSP中通常为重定向或者请求转发的方式全局刷新。异步刷新使得只需要修改的部分被刷新。 二、实现 1.
ajax怎么将数据传到另外一个页面,用js把数据从一个页面传到另一个页面
weixin_31716637的博客
08-05 6157
用js把数据从一个页面传到另一个页面的层里?如果是传到新页面的话，你网站基于什么语言开发直接用get或者post获取，然后输出到这个层通过url传参如果是HTML页面的话JS传到新页面就window.location.href='a.html?id=100';然后a.html页面的JS就document.getElementById("s").innerHTML=window.location.s...
okhttp返回内容乱码_tomcat服务器接口返回的数据乱码
weixin_39668479的博客
12-20 233
java web 解决Form表单乱码问题JSP和Servlet的六种中文乱码处理方法一、表单提交时出现乱码：在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以请求的时候便有get请求和post请求。每种方式都有着不同的解决方法，之所以出现乱...文章技术小美2017-11-121199浏览量彻底解决全站乱码先分析一...
爬虫学习笔记
Zikade0627的博客
02-19 1643
爬虫 1. 简单的爬虫 from urllib.request import urlopen url = "https://ssr1.scrape.center/" resp = urlopen(url) message = resp.read().decode("utf-8") print(message) with open("my_spyder.html", mode="w") as f: f.write(message) print("
原始ajax通过xmlHttpRequest对象的send()方法提交数据--Get方式和Post方式
qq_41834086的博客
12-13 2393
//Get方式提交： xmlhttp.open("GET","testServlet?name="+userName,true); xmlhttp.send(null); //Post方式请求的代码 xmlhttp.open("POST","testServlet",true); //POST方式需要自己设置http的请求头 xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //POST方式...
ajax post请求怎么传参_ajax用post方法传递参数
weixin_34098209的博客
12-24 4845
该楼层疑似违规已被系统折叠隐藏此楼查看此楼JS#box{width:600px;height:200px;padding:20px;border:1px solid #999;}ajax post方式传递参数Number1: Number2: 加载function loadHtml(){//获取表单中的数据var num1 =document.getElementById('num1').val...
ajax 同步_055 JAVA-AJAX
weixin_39732491的博客
11-27 193
AJAX出现背景（问题）： 目前浏览器向服务器发起请求的方式有 form 标签，超链接，还有脚本语言(jsjquery)中的window.location.href 方式和表单提交函数。但是不管哪种提交方式，浏览器都会将接收到的响应内容覆盖在请求网页中显示，但是怎么在保留请求网页内容的基础显示新的内容呢？解决方法： 使用AJAX（改良用户体验，实现局部刷新）与...
Ajax和JSP传值乱码问题
王月莹的专栏
06-04 5609
1.jsp头部 2.request.setCharacterEncoding("utf-8");  jsp页面提交请求的字符编码 3.在处理请求的jsp页面头部信息和第一条第二条一样 4. 在处理请求的页面进行转码 <% String err = request.getParameter("err"); byte[] b = err.getBytes("iso-8859-1
Java后台接收Ajax请求参数被转义成&amp；lt；gt；&quot；等字符
UDWORLD的博客
09-16 2431
解决方案： String name = StringEscapeUtils.unescapeHtml(request.getParameter("name")); //必须从request里拿参数，不能在方法上用参数名称接收，否则无法成功转义
js jQuery中Ajax请求参数转义问题
09-04 9164
js发送Ajax请求时参数转义问题！
解决使用AJAX传中文参数乱码问题
每天多一点
02-21 1757
在前端jsp页面中采用encodeURI(encodeURI(poststr))进行编码。 在后台使用URLDecoder.decode(xxx,"utf-8")进行解码就可以了 为什么用两次呢（转）： 一般情况下, 发送 encodeURIComponent(parmeName)+"="+encodeURIComponent(parmeValue); 接收时, 直接 Stri
ajax获取json部分字符被转义导致解析失败的简单处理办法
qq_25856179的博客
11-04 1315
ajax获取json部门字符被转义的简单处理办法       如题，处理的方法非常简单，就是将转义后字符替换回去。字符的转义前和转义后的对照表可以去网上查一下，这里列出几个经常会用的： 字符 转义字符 “ &quot; 空格 &nbsp; & &amp; < &lt; > &gt;       
ajax向后台发送json字符串参数的特殊字符被转义的问题
jumpsf的博客
07-29 5096
本人小白，在开发和学习过程中遇到如题的问题ajax代码如下： 我向后台发送了一条json字符串的参数fileList1，通过在网上查了一些资料，后台可以直接用@RequestBody去接收这个json字符串，甚至可以直接用list的对象集合去接收，残酷的现实告诉我不行，后台报错说解析不了这个json字符串，然后我打开前端浏览器的调试，发现传过去的json字符串中的特殊字符被转义成%AB之类的东西，...
jsp页面传中文参数解决乱码问题
"jsp页面间传中文参数示例(页面传参数编码)" 在Web开发中，尤其是在使用Java JSP技术时，我们经常需要在不同的JSP页面之间传递参数。当这些参数包含中文字符时，如果不正确地处理编码问题，可能会导致乱码。本示例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值