asp.net中Jquery调用Ajax与asp.net MVC框架中Jquery调用Ajax 总结

以前使用的是js的XMLHttpRequest实现的无刷新技术,最近参考网上整理了一下用Jquery调用Ajax方法,对于熟悉Jquery的人来说是比较容易的,而对于不熟悉的人来说比较困难,闲话少说,看代码

 一、asp.net中Jquery调用Ajax

 前台代码MyAjax1.aspx为页面名称,AddUsers为后台方法名称

 

    添加用户        

   
        用户名:                    
   
   

后台代码

 

using System.Web.Services;//需要引用命名空间

namespace MyWebAjax
{
    public partial class MyAjax1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]//方法需要为静态、并且有WebMethod标识
        public static string AddUsers(string uname)
        {
            string result=string.Empty;
            if (string.IsNullOrEmpty(uname))
                result = "用户名不能为空!";
            bool b = Data.IsExist(uname);
            if (!b)
                result = "用户名可以使用!";
            else
                result = "用户名已存在!";
            return result;
        }
    }
}


二、asp.net  MVC设计模式中Jquery调用Ajax

前台代码


    
    <%
        var mess = "";
        switch ((string)ViewData["Message"])
        {
            case "1":
                mess = "用户名已存在!";
                break;
            case "2":
                mess = "用户添加成功!";
                break;
            case "3":
                mess = "用户名不能为空!";
                break;
        }
    %>
    

<%=mess%>

<%Html.BeginForm("AddUser", "User"); %> <%=Html.Label("用户名:") %> <%=Html.TextBox("UserName") %> <%Html.EndForm(); %>

后台代码,下面加红色的地方需要注意,名称需要和前台传入的一样,例如uname

using System.Web.Services;

namespace MyAjax.Controllers
{
    public class AjaxController : Controller
    {
        //
        // GET: /Ajax/

        public ActionResult Index()
        {
            return View();
        }

        public ActionResult AddUsers(string uname)
        {
            string result = string.Empty;
            if (Request.IsAjaxRequest())
            {
                if (string.IsNullOrEmpty(uname))
                    result = "用户名不能为空!";
                bool b = Data.IsExist(uname);
                if (!b)
                    result = "用户名可以使用!";
                else
                    result = "用户名已存在!";
            }
            return Content(result);
        }

    }


       希望对需要的人有所帮助!

 

 

你可能感兴趣的:(Web后端)