js中serialize() 序列化表单时自动url编码

Posted 高冷就是范儿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中serialize() 序列化表单时自动url编码相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>serialise</title>
     <script src="jquery.js" type="text/javascript"></script>
</head>
<body>
    <form id="formId" action="">
        <input type="text" name="a" value="安安" />
        <input type="hidden" name="b" value="abc">

    </form>
    <script type="text/javascript">
        $(function(){
            var formStr=$(‘#formId‘).serialize();
            //序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了
            //原因:.serialize()自动调用了encodeURIComponent方法将数据编码了   
            //解决方法:调用decodeURIComponent(XXX,true);将数据解码    
            params = decodeURIComponent(formStr,true); //关键点
            alert(formStr+‘\n‘+params);
            $.ajax({
                ‘type‘:‘post‘,
                ‘url‘:‘c.php‘,
                ‘data‘:formStr,
                success:function(msg){
                    alert(msg);
                }
            })
        })
    </script>
</body>
</html>
技术分享图片
<?php
 $strA=$_POST[‘a‘];
 $strB=$_POST[‘b‘];
 echo $strA."____".$strB;

以上是关于js中serialize() 序列化表单时自动url编码的主要内容,如果未能解决你的问题,请参考以下文章

js-serialize()序列化表单,中文出现乱码的解决办法

jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法

将复杂form表单序列化serialize-object.js

jQuery ajax - serialize() 方法-输出序列化表单值

JQuery中serialize()serializeArray()和param()的使用方法

jQuery 序列化表单数据 serialize() serializeArray()