zoukankan      html  css  js  c++  java
  • 构建ASP.NET MVC4&JQuery&AJax&JSon示例

    <div>
    输入你的姓名:
    <input type="text" id="txtName" /><br />
    输入你的年龄:
    <input type="text" id="txtAge" /><br />
    <button type="button" id="btn1" ">提交</button>
    <button type="button" id="btn2">清空</button>
    <p id="display"></p>
    <script src="/Scripts/jquery-1.10.2.min.js"></script>
    <script>
    $("#btn1").click(function () {
    var data = "";
    var name = $("#txtName").val();
    var age = $("#txtAge").val();
    data += "&Name=" + encodeURI(name);
    data += "&Age=" + encodeURI(age);
    $.ajax({
    async: true,
    cache: false,
    timeout: 60 * 60 * 1000,
    data: data,
    type: "GET",
    datatype: "JSON",
    url: "/Ajax/DoWithUsers",
    @*success: function (result) {
    $("#display").text(result);
    },*@
    success: function (result) {
    result = JSON.parse(result);
    $("#display").text(result.Name + result.Message);
    },
    error: function (result) {
    $("#display").html("error");
    },
    });
    });
    </script>
    </div>

    public ActionResult AddUsers()
    {
    var my = new MyModel();
    string result = string.Empty;
    if (Request.IsAjaxRequest())
    {
    this.UpdateModel(my);
    string name = my.Name;
    int age = my.Age;
    if (age < 18) result = name + "的文章好烂啊";
    else result = name + ",记得烂也要写";
    }
    return Content(result);
    }

    public ActionResult DoWithUsers()
    {
    var my = new MyModel();
    try
    {
    this.UpdateModel(my);
    string name = my.Name;
    int age = my.Age;
    string temp = "";
    if (age < 18) temp = "的文章好烂啊";
    else temp = ",记得烂也要写";
    JavaScriptSerializer jss = new JavaScriptSerializer();
    Console.WriteLine("1");
    Console.WriteLine(Json(jss.Serialize(new { Name = name, Message = temp }), JsonRequestBehavior.AllowGet).ToString());
    return Json(jss.Serialize(new { Name = name, Message = temp }), JsonRequestBehavior.AllowGet);
    }
    catch (Exception ex)
    {
    return null;
    }
    }

  • 相关阅读:
    [原]poj-2680-Choose the best route-dijkstra(基础最短路)
    [转]c/c++输入函数
    [原]poj-2524(裸并查集)
    [原]poj-1611-The Suspects(水并查集)
    ccnu-线段树-简单的区间更新(三题)
    团队博客(3)
    个人NABCD
    团队博客(2)
    团队博客(1)
    课堂练习:返回一个二维数组中最大子数组的和
  • 原文地址:https://www.cnblogs.com/jiangcm/p/7376352.html
Copyright © 2011-2022 走看看