如何利用jQuery ajax post传递含特殊字符的数据
时间:2016-04-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'
- ASP.NET Core的路由[4]:来认识一下实现路由的RouterMiddleware中间件
- 浅谈 Java 并发编程中的若干核心技术
- ASP.NET Core的路由[3]:Router的创建者——RouteBuilder
- ASP.NET Core的路由[2]:路由系统的核心对象——Router
- ASP.NET Core的路由[1]:注册URL模式与HttpHandler的映射关系
- 学习ASP.NET Core, 怎能不了解请求处理管道[6]: 管道是如何随着WebHost的开启被构建出来的?
- 学习ASP.NET Core, 怎能不了解请求处理管道[5]: 中间件注册可以除了可以使用Startup之外,还可以选择StartupFilter
- 学习ASP.NET Core, 怎能不了解请求处理管道[4]: 应用的入口——Startup
- 学习ASP.NET Core, 怎能不了解请求处理管道[3]: 自定义一个服务器感受一下管道是如何监听、接收和响应请求的
- .NET Core多平台开发体验[4]: Docker
- .NET Core多平台开发体验[3]: Linux (Windows Linux子系统)
- .NET Core多平台开发体验[2]: Mac OS X
- .NET Core多平台开发体验[1]: Windows
- 如何远程关闭一个ASP.NET Core应用?
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法