zoukankan      html  css  js  c++  java
  • mvc 页面简单get获取后台数据

    后台方法

     public ActionResult Linq()
            {
                var lt = UserSys.FindAll();
                Hashtable ht = new Hashtable();
                ht.Add("data",lt);
    
                return Json(ht, JsonRequestBehavior.AllowGet);
            }

    页面元素

    <input type="text" name="ID" />
    <input type="text" id="UserName" />
    <input type="text" id="active" class="active" />
    <input type="button"  class="active" value=""/>

    js请求

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script>
        $.ajax({
            type: 'get',
            datatype: 'json',
            url: '/Linq/Linq',
            success: function (data) {
                //根据name获取元素进行赋值
                $("[name='ID']").val(data.data[1].ID);   
                //根据id获取元素进行赋值
                $("#UserName").val(data.data[1].UserName);
                //根据class获取元素进行赋值
                $(".active").val(data.data[1].PassWord)
                //根据input标签筛选type为button,获取该元素进行赋值
                $("input[type=button]").val("确定")
            }
    
        })

    删除多余代码后

    //FindAll是Xcoder生成的方法  不用Xcode使用linq查询也可以
    var lt = UserSys.FindAll();
                //Hashtable ht = new Hashtable();
    
                //ht.Add("data",lt);
    
                return Json(lt, JsonRequestBehavior.AllowGet);
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script>
    //简单的jq获取元素方法  直接返回获取的数据 
        $.ajax({
            type: 'get',
            datatype: 'json',
            url: '/Linq/Linq',
            success: function (data) {
                //根据name获取元素进行赋值
                $("[name='ID']").val(data[1].ID);   
                //根据id获取元素进行赋值
                $("#UserName").val(data[1].UserName);
                //根据class获取元素进行赋值
                $(".active").val(data[1].PassWord)
                //根据input标签筛选type为button,获取该元素进行赋值
                $("input[type=button]").val("确定")
            }
    
        })
  • 相关阅读:
    Vue2.0 $set()的正确使用方式
    Vue中axios踩坑之路-POST传参
    vue里使用create、mounted调用方法的正确姿势
    cmd返回上一级和根目录
    【积累】排序题积累
    【图论】2019 ICPC Malaysia National G(拓扑排序)
    2019 ICPC Malaysia National F(状态压缩)
    【线段树】扫描线学习笔记
    组合数(阶乘数质因子分解)
    【线段树】2019CCPC网络选拔赛 array(权值线段树)
  • 原文地址:https://www.cnblogs.com/shapaozi/p/8358770.html
Copyright © 2011-2022 走看看