zoukankan      html  css  js  c++  java
  • MVC + JQUERY + AJAX

    .aspx页面

    <%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

    <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
        主页
    </asp:Content>

    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript" src="../../Scripts/jquery-1.4.1.min.js"></script>

       <div>
       <input type="button" id="button1" value="提交" onclick="on_Click();" />
         <ul id="ul_li"></ul>
       </div>

     <script type="text/javascript">
         $(function () {
             $.ajax({
                 type: "post",
                 data: "",
                 async: true, //异步
                 url: '<%=Url.Action("gClass","Home") %>',
                 cache: false, //不加载缓存
                 success: function (result) {
                     var jsonResult = result;
                     for (var json in jsonResult) {
                         $("#ul_li").append($("<li>" + jsonResult[json].Name + "|||" + jsonResult[json].ID + "</li>"));
                     }
                 },
                 error: function () {
                     alert("请求失败");
                 }
             })
             // })
         })
      </script>
    </asp:Content>

    Controllers层

    public JsonResult gClass()
            {
                List<ClassInfo> list = SqlConn.cList();
                return Json(list);
            }

    数据层

    public static List<ClassInfo> cList()
            {
                List<ClassInfo> list = new List<ClassInfo>();
                ClassInfo cinfo;
                for (int i = 0; i < 10; i++)
                {
                    cinfo = new ClassInfo();
                    cinfo.ID = i;
                    cinfo.Name = "UserName" + i;
                    cinfo.set = true;
                    cinfo.Address = "北京市" + i;
                    list.Add(cinfo);
                }
                return list;
            }

  • 相关阅读:
    客户端发现响应内容类型为“text/html”,但应该是“text/xml”
    [转]AJAX Control Toolkit 介绍及构建开发环境
    kafka删除topic详解
    influxdb问题解决
    logback配置
    kafka环境搭建测试
    Hdu 1753 大明A+B <高精度小数相加>
    POJ 1966 <点连通度>
    POJ 2446 Chessboard 二分图的最大匹配 <建图>
    Hlg 1522 子序列的和 <单调队列>
  • 原文地址:https://www.cnblogs.com/zhaoliang831214/p/3485088.html
Copyright © 2011-2022 走看看