把dataUrl中的&方式提交修改为data:{name:value}的方式提交即可。

在Action中使用URLDecoder.decode(realname, "UTF-8")来转码即可转换为中文了。使用UTF-8是因为Jquery的提交方式默认为UTF-8，即使把contentType中的charset修改其他，例如GBK，后台也把UTF-8修改GBK，都不能正确转换。

jQuery ajax乱码问题解决
一、测试环境
jQuery:1.3.2
tomcat:5.5.17
二、测试方法
1.使用get方式
服务器端java代码：
复制代码 代码如下:
String name = new String(request.getParameter("name").getBytes("iso8859-1"),"utf-8");

客户端js代码：
复制代码 代码如下:
$.ajax({url: "2.jsp",type: "get",data: {name:"中文"},success: function(response){
        alert(response);
}});

结果：正确显示
复制代码 代码如下:
$.ajax({url: "2.jsp",type: "get",data: "name=中文",success: function(response){
        alert(response);
}});

结果：乱码
复制代码 代码如下:
$.get("2.jsp", { name: "中文" },function(response){
    alert(response);
});

结果：正确显示
复制代码 代码如下:
$.get("2.jsp", "name=中文",function(response){
    alert(response);
});

结果：乱码

2.post方式
服务器端java代码：
复制代码 代码如下:
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name");

客户端js代码：
复制代码 代码如下:
$.ajax({url: "3.jsp",type: "post",data: "method=testAjaxPost&name=中文",success: function(response){
    alert(response);
}});

结果：正确显示
复制代码 代码如下:
$.ajax({url: "3.jsp",type: "post",data: {name:"中文"},success: function(response){
    alert(response);
}});

结果：正确显示
复制代码 代码如下:
$.post("3.jsp", { name: "中文" },function(response){
    alert(response);
});

结果：正确显示
复制代码 代码如下:
$.post("3.jsp", "name=中文",function(response){
    alert(response);
});

结果：正确显示
三、使用filter
复制代码 代码如下:
public void doFilter(ServletRequest request, ServletResponse response,
        FilterChain chain) throws IOException, ServletException {
    HttpServletRequest req = (HttpServletRequest) request;
    if (req.getHeader("X-Requested-With") != null && req.getHeader("X-Requested-With").equalsIgnoreCase("XMLHttpRequest")) {
        request.setCharacterEncoding("utf-8");
    } else {
        request.setCharacterEncoding("gbk");
    }
    chain.doFilter(request, response);
}

jQuery在使用ajax的时候会在header中加入X-Requested-With，值为：XMLHttpRequest，filter中判断是jQuery的ajax请求时就把字符编码设为utf8，这样可以解决post提交中的中文乱码问题，不需要在代码中设置request.setCharacterEncoding("UTF-8");
对于get方式的中文乱码问题，建议不使用get方式提交中文，统统改为post ^-^

为了和prototype.js处理中文的方式一致，可以使用如下的方式，自定义header中的属性RequestType
复制代码 代码如下:
$.ajax({
    url: "3.jsp",
    type: "post",
    data: {name:"中文"},
    beforeSend: function(XMLHttpRequest){
        XMLHttpRequest.setRequestHeader("RequestType", "ajax");
        alert("开始");
    },
    success: function(data, textStatus){
        alert(data);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown){
        alert("错误：" + textStatus);
    },
    complete: function(XMLHttpRequest, textStatus){
        alert("完成：" + textStatus);
    }
 });
 
filter代码如下：
复制代码 代码如下:
public void doFilter(ServletRequest request, ServletResponse response,
        FilterChain chain) throws IOException, ServletException {
    HttpServletRequest req = (HttpServletRequest) request;
    if (req.getHeader("RequestType") != null && req.getHeader("RequestType").equalsIgnoreCase("ajax"))) {
        request.setCharacterEncoding("utf-8");
    } else {
        request.setCharacterEncoding("gbk");
    }
    chain.doFilter(request, response);
}

评论“jquery中文乱码的多种解决方法”

再想想

暂无评论...

www.eoogi.com 华山资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

最新文章

赵传《赵传奇》 滚石SACD系列 SACD限量版[I

2024/11/19

9

黄龄《痒》天韵文化[WAV+CUE][1G]

2024/11/19

79

张学友《走过1999》2023头版蜚声环球限量编

2024/11/19

23

田震《真的田震精品集》头版限量编号24K金碟

2024/11/19

62

林俊杰《伟大的渺小》华纳[WAV+CUE][1G]

2024/11/19

78

一句话新闻

一口气升级7个大模型SaaS应用，百度智能云：突出一个“开箱即用” - 2024/11/19

这一波大模型产业落地浪潮里，不少企业其实处在 “干瞪眼“的状态。

一种情况是，很多大模型产品看得见却摸不着，在台上一个个遥遥领先——今天Sora技精四座，明天英伟达的机器人又赢得满堂彩，可是到了台下一问：啥时候能用上啊？答曰：遥遥无期。

另一种情况是，企业想用上大模型，却又难免瞻前顾后——既要考虑场景融合，又得兼顾安全性，还要考虑打通现有系统，再加上各种部署成本和繁琐的采购流程……最后只能拂袖：罢了，再等等吧。