jquery serialize ajax提交表单数据，后台接收为null解决办法

最新推荐文章于 2021-08-20 15:25:56 发布

原创最新推荐文章于 2021-08-20 15:25:56 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

thinkPHP 同时被 3 个专栏收录

13 篇文章

订阅专栏

layui layer

2 篇文章

订阅专栏

hyperf

1 篇文章

订阅专栏

本文主要探讨了表单数据serialize提交时的注意事项，包括只提交name属性值，disabled字段不提交，以及可能出现的中文乱码问题。针对中文乱码，提出了解决方案：使用decodeURIComponent进行解码。同时，文章还指出当后台接收到数据为null时，可能的原因是缺少content-type设置，解决方案是设置为'application/x-www-form-urlencoded;charset=UTF-8'。最后，给出了一个使用Ajax进行数据提交的示例代码。

1.serialize提交的是name属性值

2. disabled的不能提交

3.如果出现中文乱码，解决：

var params = $("#form").serialize();// form表单标签ID
params = decodeURIComponent(params,true);

4.后台接收为null，解决：设置ajax的content-type为application/x-www-form-urlencoded

//保存数据
function saveData(){
   var params = $("#form").serialize();
   params = decodeURIComponent(params,true);
   console.log(params)
$.ajax({
            type : "POST",
            dataType : "json",
            contentType : "application/x-www-form-urlencoded;charset=UTF-8",
            url : "{:url('OrderHand/saveData')}",
            data : params,
            beforeSend: function() {
            },
            success : function(data) {
            },
            error : function() {

            }
        });