使用prototype的 ajax时，编码上的一些注意

最新推荐文章于 2025-06-24 22:55:06 发布

原创最新推荐文章于 2025-06-24 22:55:06 发布 · 713 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#prototype #ajax #parameters #function #url #string

HTML&JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了解决网页前端与后台数据交互时因字符编码不同导致乱码的方法。通过设置网页编码为GBK，并使用JavaScript对表单数据进行URIEncode编码处理，再由后台将接收的数据从UTF-8转换到GBK，从而实现跨编码环境下的数据正确传输。

如果页面和后台，全部用统一的utf-8编码，就没必要看下文了。
如果页面上是 gbk,或是其他的编码，如下方式，可以消除编码问题，如下所示：

<meta http-equiv="content-type" content="text/html; charset=gbk" />
<script>
function updateComments(pn,articleid){
    var url="comment.jsp?pn="+pn+"&articleid="+articleid+"&act=query";
    var myAjax = new Ajax.Updater('comments',url, {method: 'get',evalScripts: true});
}
function postData() {
        var url = "comment.jsp";
        var form=document.forms["theform"];
        $("submit").disabled=true;
        var myAjax = new Ajax.Request(
           url,
            {
                method: 'post',
                parameters: encodeURI( Form.serialize(form) ),
                onComplete: showResponse
            });
            return false;
}
function showResponse(response) {
        var txt=response.responseText;
        alert(txt);
        if(txt=="0") {
                alert("提交成功！");
                $("submit").disabled=false;
        }
        else if(txt=="1"){

        }
}
</script>

文章回复：
<form method="post" name="theform" action="comment.jsp">
<input type="hidden" value="<%=o.getArticleid()%>" name="articleid" />
<input type="hidden" value="add" name="act" />
<textarea id="comment" name="comment" cols="60" rows="8" wrap="virtual" class="db7"></textarea><br/>
<input type="button" value="submit" name="submit" id="submit" onclick="postData();" />
</form>

后台应该转变一下编码，就可以消除乱码：如下所示：
String comment = request.getParameter("comment");
comment = java.net.URLDecoder.decode(comment,"utf-8");
comment = new String(comment.getBytes("GBK"),"ISO-8859-1");