zoukankan      html  css  js  c++  java
  • 如何利用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'
  • 相关阅读:
    部署iis服务器与c#程序遇到的问题小结
    Installing node-oracledb on Microsoft Windows
    Navicat:cant create OCI environment.
    socket.io 中文手册 socket.io 中文文档
    现有的情绪
    Express 4.x Node.js的Web框架
    结构与类的对象在引用上的不同之处
    Android时间戳转换为标准Datetime(yyyy-MM-dd hh:mm:ss)格式
    ASP.NET MVC4中调用WEB API的四个方法
    安恒DASCTF 四月战 WP
  • 原文地址:https://www.cnblogs.com/huatao/p/4871886.html
Copyright © 2011-2022 走看看