zoukankan      html  css  js  c++  java
  • ASP.NET MVC 4使用jQuery传递对象至后台方法

    首先创建一个razor页面全部使用html代码,如下:

    <div class="mainform">
        <div class="list">
            <table class="user-info">
                <tr>
                    <td>编号:</td>
                    <td>
                        <input type="text" id="id" class="id" name="id" /></td>
                    <td>
                        <label id="forID"></label>
                    </td>
                </tr>
                <tr>
                    <td>姓名:</td>
                    <td>
                        <input type="text" id="name" class="name" name="name" />
                    </td>
                    <td>
                        <label id="forName"></label>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="button" id="submit" class="submit" value="确定" /></td>
                </tr>
            </table>
        </div>

    js文件对输入的数据进行验证,并且提交到后台,如下:

    $("#submit").click(function () {
            var valid = true;
            var name = $("#name").val();
            var id = $("#id").val();
            var validResult = new Object();
            validResult[0] = ValidateID(id);
            validResult[1] = ValidateName(name);
            var model = [];
            model.push({ id: id, name: name });
            for (var index in validResult) {
                if (validResult[index] == false) {
                    valid = false;
                    break;
                }
            }
            if (valid) {
                $.ajax({
                    type: "post",
                    dataType: 'json',
                    url: "Home/Valid",
                    async: true,
                    data: JSON.stringify(model),
                    contentType: 'application/json; charset=utf-8',
                    success: function (data) {
                        alert(data);
                    },
                    error: function () {
                        alert("error");
                    }
                })
            }
        });
    
    })
    开始的时候能够调用后台的方法但是后台接受的对象为null,在加入 “contentType: 'application/json; charset=utf-8'”后成功将对象传递到了后台,
    后台方法如下:
       public JsonResult Valid(List<User> model)
            {
                //using System.Collections;
                //Hashtable
                var user = model;
                return Json("OK");
            }

    下面还有extjs向后台传递对象的方法
    
    
  • 相关阅读:
    pat 1034 Head of a Gang (30分)
    pta坑点
    Devc++ 编译 c++11
    Invitation Cards dijkstra法
    Cube Stacking
    畅通工程
    蚂蚁上树
    洛谷 P1439 【模板】最长公共子序列
    Recursive sequence
    A Simple Math Problem
  • 原文地址:https://www.cnblogs.com/wangq0126/p/3505001.html
Copyright © 2011-2022 走看看