ajax html页面传参数,Ajax中参数带有html格式的 传入后台保存【二】

2023-09-23 16 0

6e465e47340296e9c80b3d9410bdf091.png

d399c60fd41ccaaeef0b865b7e3a5aad.png

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)

//------查询-------------

$(".catering_page").delegate('li .details', {

click: function (e) {

$('#show').show();

$("#show .btn_ok").attr("name", $(this).attr("name"));

xgid = parseInt($(this).attr("value")); //全局变量保存数据库指定对应id号

$.ajax({

type: "POST",

url: "/Repast/ctglcx",

data: { cxid: xgid },

success: function (data) {

var f = $.parseJSON(data);

$("#ctmz").val(f.name);

$("#ctsj").val(f.time);

$('#ctwz').val(f.address);

$('#ctdh').val(f.tel);

editor1.html(decodeURIComponent(f.ctjs));

}

})

}

})

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

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

转化

xxxx ........

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

因业务需求  要讲如下编辑器中带有样式的数据传入数据库保存 第一种方法  json格式传入 $(".privilegezn_page .btn_ok").click(functio ...

Ajax中返回数据的格式

Ajax中常见的返回数据的格式有三种:分别为文本,XML和JSON 返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了 Ajax.php Form.html:通过Ajax对象的response ...

Ajax中XML和JSON格式的优劣比较

刚做完一个小的使用Ajax的项目.整个小项目使用JavaScript做客户端,使用PHP做服务器端.利用xmlHttpRequest组件作为交互工具,利用XML作为数据传输的格式.做完后基本做一个简单 ...

ajax中url赋json格式的值时发生中文乱码的相关问题

具体流程:转入到jsp界面时会加载ajax,ajax转到url时传带hide在jsp界面的值titleString,其来源见下面的代码. String title=new String("\ ...

ajax中参数traditional的作用

在使用ajax向后台传值的时候,有的时 $.ajax({ type: "post", async: true, data: { "records": [&quo ...

JQuery中$.ajax()方法参数详解 及 async属性说明

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

【转】Ajax中send方法参数的使用(get/post)

Ajax中send方法参数的使用 一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如 : ...

Ajax中send方法参数的使用

一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null. 例如 : var url = " ...

随机推荐

在v-for中利用index来对第一项添加class(vue2.0)

C++中 vector(容器)的用法

vector(向量): C++中的一种数据结构,确切的说是一个类.它相当于一个动态的数组,当程序员无法知道自己需要的数组的规模多大时,用其来解决问题可以达到最大节约空间的目的. 用法: 1.文件包含: ...

了解SpringMVC框架及基本工作流程

传统原生的JSP+Servlet在开发上过程上虽然简单明了,JSP页面传递数据到Servlet,Servlet整理数据(逻辑开发)或者从数据库提取数据接着再转发到JSP页面上,但是其似乎只能止步于此, ...

Matlab计算两集合间的海明距离

一.问题描述 B1[1 2 3 4 5 6 7 8 9] B2[12 13 14 21 31 41 51  1 1 81 1 1] 两个十进制矩阵,行数不一样,分别是n1和n2,列数必须一致,为nwo ...

安装phpnow服务[Apache_pn]提示失败的解决方法

win 7/win 8/Win10 phpnow提示"安装服务[Apache_pn]失败"错误解决办法汇总 常常在安装phpnow的时候,提示"安装服务 [ Apache_pn ] 失败&q ...

Linux学习笔记之MySql的安装(CentOS)

一.移除mariadb 由于CentOS默认安装了mariadb,所以在安装MySql之前先移除mariadb,使用命令:yum remove mariadb-libs.x86_64,如下图所示: 二 ...

TensorRT&Sample&Python[fc_plugin_caffe_mnist]

本文是基于TensorRT 5.0.2基础上,关于其内部的fc_plugin_caffe_mnist例子的分析和介绍. 本例子相较于前面例子的不同在于,其还包含cpp代码,且此时依赖项还挺多.该例子展 ...

Linux 僵尸进程的筛选和查杀

一.筛选 ps -A -o stat,ppid,pid,cmd | grep -e '^[Zz]' 二.查杀 ps -A -o stat,ppid,pid,cmd | grep -e '^[Zz]' ...

bootStrap中的ul导航4

代码编程
赞赏

相关文章

不伤原图电脑在线去水印网站
在线视频转换器工具
图片如何在线无痕去除水印
图片带满屏水印怎么去除?
超详细Hyperledger Fabric2.3.3开发教程
入门卷积神经网络必备,基础、理论、实战一网打尽!