温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Jquery Ajax无刷新登录

发布时间:2020-06-26 13:10:19 来源:网络 阅读:452 作者:guwei4037 栏目:web开发

废话不多说,直接上代码。你会发现,用了JQuery之后是如何简单。

//后台实例代码 ashx文件(可替换为从数据库中读取) 
public void Proce***equest(HttpContext context) 
{ 
    context.Response.ContentType = "text/plain"; 
    //context.Response.Write("Hello World"); 
        
    string name = context.Request.Params["name"].ToString().Trim(); 
    if ("china".Equals(name)) 
    { 
        context.Response.Write("1");//1标志login success 
    } 
    else 
    { 
        context.Response.Write("0");//0标志login fail 
    } 
}

//前台实例代码 aspx文件 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
       
    <script src="js/jquery-1.4.2.js" type="text/javascript"></script> 
       
    <script type="text/javascript"> 
        $(function() { 
            $("#test").live("click", function() { 
                //alert(0); 
                $.ajax({ 
                    type: 'POST', 
                    url: 'Handler1.ashx', 
                    data: { "name": $("#name").val() }, 
                    success: function(data) { 
                        if (1 == data) 
                            alert('login success'); 
                        else 
                            alert('login fail'); 
                    } 
                }); 
            }); 
        }); 
    </script> 
       
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <input type="text" name="name" id="name" /> 
        <input type="button" name="test" id="test" value="validate" /> 
    </div> 
    </form> 
</body> 
</html>

分别在前台aspx页面和后台ashx页面中输入如上代码,就实现了一个超级简单的Ajax登录,很简单吧?

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI