C# Ajax 返回json数据--前后台交互

本人实习生一枚，遇到这个问题，网上找的试了试基本不可以，自己搞了一下。可以供新手参考，大神如有指点，请不吝赐教。

版权声明：本文为博主原创文章，未经博主允许不得转载。

---

前台JavaScript代码：

     <script>
         function checkLogin() {
             var name = $("#name").val();
             var passward = $("#password").val();
             console.log(name);
             console.log(passward);
             $.ajax({
                 url: 'index.aspx?method=login',
                 type: 'GET',
                 data: { "name": name, "passward": passward },
                 dataType: 'json',
                 success: function (dataInfo) {
                     if (dataInfo.status) {
                         console.log(dataInfo.data);
                         //前台接收到的数据中data是字符串，需要转换为JSON对象
                         var jsondata = JSON.parse(dataInfo.data);
                         alert("登陆成功，用户名是："+jsondata.name+"   性别是："+jsondata.sex+"   年龄是："+jsondata.age);
                     } else {
                         alert("登陆失败");
                     }
                 },
                 async: false
             });

         }
     </script>

当然了数据获取成功之后，怎么处理自己写就好了，这里只是示范一下。

前台HTML代码：

     <form id="form1" runat="server">
     <div>
     <input id="name" type="text" />
     <input id="password" type="password" />
     <button onclick="checkLogin()" value="">提交</button>
     </div>
     </form>

后台CS代码：

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Web;
 using System.Web.UI;
 using System.Web.UI.WebControls;
 using Newtonsoft.Json;
 using System.Runtime.Serialization;

 namespace WebTest
 {
     public partial class index : System.Web.UI.Page
     {
         protected void Page_Load(object sender, EventArgs e)
         {
             string method = Request.QueryString["method"];
             string name = Request.QueryString["name"];
             string passward = Request.QueryString["passward"];
             if (!string.IsNullOrEmpty(method))
             {
                 if (method == "login")
                 {
                     GetLogin(name, passward);
                 }
             }

         }
         private void GetLogin(string name, string passward)
         {

             CommonModel msg = new CommonModel();
             //这里有没有登陆成功可以连接数据库判断
             if (name == "admin" && passward == "admin")
             {
                 //这里是可以从数据库获取出来的登陆用户的信息
                 var jsonData = "{ \"name\":\"管理员\", \"sex\":\"男\", \"age\":\"20\"}";

                 msg.status = true;
                 msg.msg = "登陆成功";
                 msg.data = jsonData;
             }
             else
             {
                 msg.status = false;
                 msg.msg = "失败";
             }
             object JSONObj = JsonConvert.SerializeObject(msg);
             Response.Write(JSONObj);
             //一定要加，不然前端接收失败
             Response.End();
         }
     }
     class CommonModel
     {
         //状态
         private bool _statues;

         public bool status
         {
             get { return _statues; }
             set { _statues = value; }
         }
         //消息
         private string _msg;

         public string msg
         {
             get { return _msg; }
             set { _msg = value; }
         }
         //数据
         private object _data;

         public object data
         {
             get { return _data; }
             set { _data = value; }
         }
     }
 }

效果图：