Ajax表单序列化后的数据格式转成Json发送给后台

Posted God丶魔多

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax表单序列化后的数据格式转成Json发送给后台相关的知识,希望对你有一定的参考价值。

    <script>
        $(function(){
        //表单转json函数
            $.fn.serializeObject = function(){
                    var o = {};
                    var a = this.serializeArray();
                    $.each(a, function() {
                        if (o[this.name] !== undefined) {
                            if (!o[this.name].push) {
                                o[this.name] = [o[this.name]];
                            }
                            o[this.name].push(this.value || ‘‘);
                        } else {
                            o[this.name] = this.value || ‘‘;
                        }
                    });
                    return o;
                };
        //表单转json结束
            $(‘#add_po‘).click(function(){                 
                $.ajax({
                    url:"/scf/purchase/add.do", //接口地址
                    type:"post",
                    data:JSON.stringify($(‘#po_add_form1‘).serializeObject()) + ‘&‘ + JSON.stringify($(‘#add_po_form‘).serializeObject()),//将表单序列化成一个对象,这里多个表单相加
            //serializeObject()引入上述函数,将表单序列化成一个对象
            //JSON.stringify()将对象转成字符串 contentType:
‘application/json‘, datatype:"json", success:function(data){ swal(data.message); //location.href="scm_po_fhqd.html"; },error: function(XMLHttpRequest) { console.log("错误状态:"+XMLHttpRequest.status); } }) }) }) </script>

 



以上是关于Ajax表单序列化后的数据格式转成Json发送给后台的主要内容,如果未能解决你的问题,请参考以下文章

DRF序列化

DRF序列化

DRF序列化 񾟕

表单里面如何传json_encode后的字符串给后端?

前端与后端的数据交互(jquery ajax+python flask)

我如何在 Razor 页面中序列化表单并发送 JSON 请求 Ajax [重复]