Ajax 常用获取数据方式（post和get）

最新推荐文章于 2023-06-27 12:34:54 发布

ClementQL

最新推荐文章于 2023-06-27 12:34:54 发布

阅读量1.6k

点赞数

分类专栏： Ajax 前端文章标签： Ajax

本文链接：https://blog.csdn.net/CQL_K21/article/details/86935227

版权

前端同时被 2 个专栏收录

129 篇文章 1 订阅

订阅专栏

Ajax

3 篇文章 0 订阅

订阅专栏

控制器层

        //获取表单元素的三种方式:(提交方式为post)
        //第一种：FormCollection form
        public ActionResult formAction(FormCollection form)
        {
            string name = form["txtName"];
            string sex = form["cboSex"];
            string address = form["txtAddress"];
            return Content(name + "&" + sex + "&" + address);//Content(string)返回字符串
            //FormCollection用来在controller中获取页面表单元素的数据。它是表单元素的集合，包括<input type="submit" />元素。
        }

        //获取表单元素的三种方式：(提交方式为post)
        //第二种：Request.Form["txtName"];  txtName为表单元素中name属性的值
        public ActionResult formAction1()
        {
            string name = Request.Form["txtName"];
            string sex = Request.Form["cboSex"];
            string address = Request.Form["txtAddress"];
            return Content(name + "&" + sex + "&" + address);
        }

        //获取表单元素的三种方式：(提交方式get)
        //第三种:get提交
        public ActionResult getAction(string txtName,string cboSex,string txtAddress)
        {
            string name = txtName;
            string sex = cboSex;
            string address = txtAddress;
            return Content(name + "&" + sex + "&" + address);//Content(string)返回字符串。
        }

界面层


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>form</title>
    <link href="~/Content/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Content/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>
    <style>
        .container {
            padding-top: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <form class="form-horizontal" method="get" action="/jQueryAjax/formAction1" id="myform">
            <!--表单默认提交方式为get-->
            <!--表单默认提交方式为-->
            <div class="form-group">
                <label class="control-label col-md-3">姓名：</label>
                <div class="col-md-4">
                    <input class="form-control" type="text" value="" name="txtName" id="txtName" />
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3">性别：</label>
                <div class="col-md-4">
                    <select class="form-control" name="cboSex" id="cboSex">
                        <option>男</option>
                        <option>女</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3">地址：</label>
                <div class="col-md-4">
                    <textarea class="form-control" name="txtAddress" id="txtAddress"></textarea>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-primary col-md-offset-4" type="submit" id="btnSubmit">表单提交</button>
            </div>
        </form>
    </div>
    <script>
        //form表单的属性action 与method
        /*
            属性      值       描述
            action    URL     规定当提交表单时向何处发送表单数据
            method   get/post 规定用于发送 form-data 的 HTTP 方法。(提交表单的方式)
            <form action="/jQueryAjax/formAction" method="get"></form>
            URL可能的值：
                绝对 URL - 指向其他站点（比如 src="www.baidu.com"）
                相对 URL - 指向站点内的文件（比如 src="/jQueryAjax/formAction"）
            get/post:
            get提交时参数直接暴露在URL上。
            (W3School上给出的区别：)
            与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
            然而，在以下情况中，请使用 POST 请求：
                    无法使用缓存文件（更新服务器上的文件或数据库）
                    向服务器发送大量数据（POST 没有数据量限制）
                    发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
            get/post区别：
            1、Get方法是用来向服务器上获取数据，而Post是用来向服务器上传递修改数据。
            2、Get将表单里的数据添加到action所指向的URL后面，并且两者之间使用”?”连接，而各个变量之间使用”&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值对象的方式，传递到所指向的action.
            3、Get是不安全的，因为在传输过程中，数据被放在请求的Url中，这样，用户可以直接在浏览器上看到提交的数据，一些系统内部信息也一同显示在用户面前。Post的所有操作对用户来说都是不可见的。
            4、Get传输的数据量小，主要是受限与于Url长度限制，其中IE浏览器对URL的最大限度为2083个字符（http://hqlong.com/2009/12/1164.html）。 而post可以的传输大量的数据，所以在上传文件和大数据量时使用post。
            5、Form提交默认为Get方法提交。
            6、Get方式获取数据后，刷新不会有负面的影响，因为它只是获取数据，而Post方法刷洗页面重复提交可能会产生不良的后果。
        */
        ///手动提交
        //$("#btnSubmit").click(function () {
        //    $("#myform").attr({ "method":"post", "action": "/jQueryAjax/formAction"});
        //});
    </script>
</body>
</html>

ClementQL

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
Ajax 常用获取数据方式（post和get）

控制器层 //获取表单元素的三种方式:(提交方式为post) //第一种：FormCollection form public ActionResult formAction(FormCollection form) { string name = form["txtName"]; ...
复制链接

扫一扫