如何利用jQuery post传递含特殊字符的数据
更新时间：2015年10月19日 09:35:26 作者：大涛哥
在jquery中，解决数据传递处理的方法我们通常利用$.ajax或$.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'
好了，以上就是本文的全部所述，希望大家喜欢。
您可能感兴趣的文章:
- jQuery Ajax之$.get()方法和$.post()方法
- jquery 读取页面load get post ajax 四种方式代码写法
- jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
- jquery ajax post提交数据乱码
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- Jquery AJAX POST与GET之间的区别
- jquery中get,post和ajax方法的使用小结
- JQuery中Ajax的Post提交在IE下中文乱码的解决方法
- JQuery的Ajax中Post方法传递中文出现乱码的解决方法
- jQuery中ajax的post()方法用法实例
- jQuery中Ajax的get、post等方法详解
相关文章
本文主要总结整理Ajax的一些常用的基础知识，非常适合初学者。需要的朋友可以参考借鉴，下面来一起学习学习吧。2017-01-01
这篇文章主要介绍了jquery ajax实现文件拖拽上传功能的实例代码,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-04-04
这篇文章主要介绍了Fly拦截全局Ajax请求的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
分析用户行为时,某网页停留时间可能会是个可参考的数据 由后台分析函数取一个合理值作为在线时间2008-04-04
我们通过ajax请求，向后台传递参数，然后后台经过一系列的运算之后向前台返还数据，我希望在等待数据成功返还之前可以展示一个loading.gif图。接下来通过本文给大家分享Ajax返回数据之前的loading等待效果,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了反向Ajax 30分钟快速掌握的相关资料,需要的朋友可以参考下2016-07-07
下面小编就为大家带来一篇浅析巧用Ajax的beforeSend提高用户体验。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
这篇文章主要介绍了Ajax异步请求后台数据进行动态分页功能，本文通过实例代码给大家介绍的非常详细，感兴趣的朋友一起看看吧2018-06-06
Ajax传Jsond Mvc后台接收，前后台实现代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
调用了JQuery的异步函数$.ajax ，然后在$.ajax函数外之后又有一段Jquery 代码。每次都是在$.ajax之后的代码先执行2014-06-06
最新评论