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

效果图:

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值