Ajax中参数带有html格式的 传入后台保存

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax中参数带有html格式的 传入后台保存相关的知识,希望对你有一定的参考价值。

    KindEditor.ready(function (K) {       //编辑器插件
        window.editor1 = K.create(\'#ctjs\', {
            uploadJson: \'/Hotelgl/UploadImage\',
            allowFileManager: false ,  //允许图片管理 开启后再挑选图片的时候可以直接从图片空间内挑选
            width: \'480px\',
            height: \'150px\',
            afterBlur: function () { this.sync(); }
        });
        K(\'#ctjs\').click(function () {
            editor1.loadPlugin(\'image\', function () {
                editor1.plugin.imageDialog({
                    showRemote: false,
                    imageUrl: K(\'#PicUrl\').val(),
                    clickFn: function (url, message, error) {
                        alert("上传成功!");
                        editor1.hideDialog();
                    }
                });
            });
        });
    });

AJAX:   利用encodeURIComponent(text)转码

  $.ajax({                             //异步添加
                    type: "POST",
                    url: "/Repast/ctgladd",
                    data: { tjctmz: $.trim($(\'#ctmz\').val()), tjctsj: $.trim($(\'#ctsj\').val()), tjctwz: $.trim($(\'#ctwz\').val()), tjctdh: $.trim($(\'#ctdh\').val()), tjctjs: encodeURIComponent(text), hotelid: hotelid, gnbh: parseInt($("#gnbh").val()), cz: cz },
                    success: function (data) {
                        var f = $.parseJSON(data);
                        if (f.yz) {
                            alert("添加成功!");
                            if ($("#ctcx").length > 0) {
                                $(\'.catering_details p dfn\').trigger("click");
                                $("#ctcx").trigger("click");
                            } else {
                                location.replace(location.href);
                            }
                        }
                        else {
                            alert("添加失败!");
                            location.replace(location.href);
                        }
                    }
                })

前台显示:decodeURIComponent(f.ctjs)

 1  //------查询-------------
 2     $(".catering_page").delegate(\'li .details\', {
 3         click: function (e) {
 4             $(\'#show\').show();
 5             $("#show .btn_ok").attr("name", $(this).attr("name"));
 6             xgid = parseInt($(this).attr("value"));   //全局变量保存数据库指定对应id号
 7             $.ajax({
 8                 type: "POST",
 9                 url: "/Repast/ctglcx",
10                 data: { cxid: xgid },
11                 success: function (data) {
12                     var f = $.parseJSON(data);
13                     $("#ctmz").val(f.name);
14                     $("#ctsj").val(f.time);
15                     $(\'#ctwz\').val(f.address);
16                     $(\'#ctdh\').val(f.tel);
17                     editor1.html(decodeURIComponent(f.ctjs));
18                 }
19             })
20         }
21     })

a.jdxx = HttpUtility.UrlDecode(jdxx);   //url码继续转化位标准标签格式

%3Cdiv%20align%3D%22center%22%3E%0A%09%3Cspan%20style%3D%22background-color%

转化

<span> xxxx </span><b></b> ........

以上是关于Ajax中参数带有html格式的 传入后台保存的主要内容,如果未能解决你的问题,请参考以下文章

ajax 中参数带有html格式 文本编辑器提交form表单时异常

如何使用ajax将json传入后台数据

ajax将数组传入后台的方法

ajax得到后台传过来的参数后乱码

python 解析ajax请求带有json参数,请求方式是post的url(注意:参数的json格式的)

Javascript 中ajax实现前台向后台交互