如何利用jQuery post传递含特殊字符的数据

在jQuery中，我们通常利用$.ajax或$.post进行数据传递处理，但这里通常不能传递特殊字符，如：“<”。本文就介绍如何传递这种含特殊字符的数据。

1、准备页面和控制端代码

页面代码如下：

<script type="text/javascript">$(function() {$("#btnSet").click(function() {var a = $("#txtValue").val();var data = { Name: a };alert(data);$.ajax({url: '@Url.Action("MyTest")',type: 'post',dataType: 'json',data: data,});});});
</script><h2>Index</h2>
<input type="text" id="txtValue"/><input type="button" value="设置" id="btnSet"/>

后台代码如下：

        public ActionResult MyTest(StudentInfo stu){return Content("OK");}

其中StudentInfo定义如下：

    public class StudentInfo{public string Name { get; set; }}

2、测试数据传递

当我们传递普通数据时，一切正常。

但当输入含特殊字符的数据时，不能正常传递到后台。

3、处理方法

如果确定要传递特殊字符，需要对jQuery代码作调整，调整后的请求代码如下：

<script type="text/javascript">$(function() {$("#btnSet").click(function() {var a = $("#txtValue").val();var data = JSON.stringify({ Name: a });alert(data);$.ajax({url: '@Url.Action("MyTest")',type: 'post',dataType: 'json',data: data,contentType: 'application/json'});});});
</script>

调整的地方主要有两点：

对要传递的json数据作序列化JSON.stringify
在$.ajax请求中新增参数：contentType:'application/json'

转载于:https://www.cnblogs.com/huatao/p/4871886.html

如何利用jQuery post传递含特殊字符的数据相关推荐

ajax post提交特殊字符,如何利用jQuery post传递含特殊字符的数据
在jQuery中,我们通常利用$.ajax或$.post进行数据传递处理,但这里通常不能传递特殊字符,如:" 1.准备页面和控制端代码页面代码如下: $(function() { $(&q ...
使用jQuery异步传递含复杂属性及集合属性的Model到控制器方法
Student类有集合属性Courses,如何把Student连同集合属性Courses传递给控制器方法? public class Student { public stri ...
利用jQuery定制日历（含时分秒时区功能）
出于需要,最近想找一个含时分功能的日历,网上的确有些网友自己用js写的,但是下载下来问题诸多,加之代码说明混乱,所以改起来很麻烦.后来发现有国外网友利用Jquery定制了比较丰富的日历样式,最重要的是 ...
jsp中jquery传值给Java_jsp中利用jquery+ajax在前后台之间传递json格式参数
经过一段时间的实验琢磨,终于将前后台之间的参数传递搞定了,实验所用工具myeclipse+structs1.2. 总结:容易出错的地方:1.ajax中data的格式一定要写对,这里举了两种形式,一种是 ...
js请求结果拦截机器_js利用jquery的jsonp来解决ajax跨域请求被浏览器拦截结果的问题...
先来个表.页面太多对不起我也不知道这张表是从哪个博客保存过来的,所以无法注明博客地址.非常抱歉.URL说明是否允许通信 http://www.a.com/a.jshttp://www.a.com/b. ...
JQuery Ajax传递整个表单数据方法
jQuery提倡写更少的代码,做更多的事.jQuery的Ajax是我们经常用到的一个方法,当需要传递的数据比较少时我们可以一一的整理成 url字符串然后传递给服务器,接受返回的数据.当数据比较多时, ...
（转）基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录...
http://www.cnblogs.com/wuhuacong/p/3667703.html 最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开 ...
利用jQuery实现用户名片小动画
我爱撸码,撸码使我感到快乐! 大家好,我是Counter.下面给大家介绍利用jQuery实现的小动画,非常的简便,如果有原生js操作的话,那么就不止这么多行了.至于CSS,个人觉得,这边CSS布局也蛮 ...
利用 JQuery的load函数动态加载页面
利用JQuery的load函数动态加载页面 JQuery有好多Ajax函数,其中load是用来动态加载一个页面的内容到指定的dom元素上. 我们来做个例子: 做一个上下(左右)结构的页面,其中下左部分 ...

如何利用jQuery post传递含特殊字符的数据

如何利用jQuery post传递含特殊字符的数据相关推荐

最新文章

热门文章