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;
        }

原文地址:https://www.cnblogs.com/zhaoliang831214/p/3485088.html