asp.net mvc ajax get读取服务器数据，post检测用户名实例讲解下载

基本信息

源码名称：asp.net mvc ajax get读取服务器数据，post检测用户名实例讲解下载

源码大小：1.53M

文件格式：.zip

开发语言：C#

更新时间：2013-01-01

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

asp.net mvc ajax 读取服务器两种方式实例以及 ajax post方式检测用户名是否可用实例

<!DOCTYPE html>

<html>
<head>
    <title>Ajax测试</title>
    <script src="/Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
    <div>
      <h2>Ajax测试</h2>
<ul id="testlist"></ul>
<input value="点击显示服务器数据列表（拼的html）" type="button" onclick="showStrHTML()" />
        <input value="点击显示服务器数据列表（直接展示HTML）" type="button" onclick="showHTML()" />
<script type="text/javascript">
    //输出字符串的Ajax形式
    function showStrHTML()
    {
        var postdata = null;//$("#cmtForm").serialize();
        var posturl = '@(Url.Action("_ShowStrHTML","Ajax"))';//这里直接写成地址也可以
        $.ajax({
            type: "GET", url: posturl, data: postdata, cache: false, success: function (data) {
                $("#testlist").html(data);
            }
        });

    }
    //输出HTML的格式
    function showHTML() {
        var postdata = null;//$("#cmtForm").serialize();
        var posturl = '@(Url.Action("_ShowPageHTML","Ajax"))';//这里直接写成地址也可以
        $.ajax({
            type: "GET", url: posturl, data: postdata, cache: false, success: function (data) {
                $("#testlist").html(data);
            }
        });

    }
</script>  
    </div>
</body>
</html>

<!DOCTYPE html>

<html>
<head>
    <title>Ajax Post数据至服务器</title>
    <script src="/Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
    //输出HTML的格式
    function CheckUserName() {
        var postdata = "username=" $("#txtname").val();//$("#cmtForm").serialize();
        var posturl = '@(Url.Action("_DoData","Ajax"))';//这里直接写成地址也可以
        $.ajax({
            type: "POST", url: posturl, data: postdata, cache: false, success: function (data) {
                alert(data);
            }
        });

    }
</script>  
</head>
<body>
    <div>
        检测用户名是否可用:<input type="text" id="txtname" /><input type="button" value="检测用户名是否可用" onclick="CheckUserName();" />
    </div>
</body>
</html>

    public class AjaxController : Controller
    {
        //
        // GET: /Ajax/

        public ActionResult _ShowStrHTML()
        {
            string strHTML = "";
            for (int k = 1; k <= 10; k  ) 
            {
                strHTML ="<li>【" k.ToString() "】这是拼的HTML" DateTime.Now.ToString("yyyy-MM-dd HH:mm ss") "</li>";
            }
            return Content(strHTML);
        }

        public ActionResult _ShowPageHTML()
        {
            List<string> list = new List<string>();
            for (int k = 1; k <= 10; k  )
            {
                list.Add("【"   k.ToString()   "】这是从页面中读取的HTML"   DateTime.Now.ToString("yyyy-MM-dd HH:mm ss")   "");
            }
            return View(list);
        }

        [HttpPost]
        public ActionResult _DoData(string username)
        {
            return Content(username "可以使用，当前服务器时间是:" DateTime.Now.ToString("yyyy-MM-dd HH:mm ss"));
        }


    }