JqueryAjax无刷新登录

废话不多说，直接上代码。你会发现，用了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登录，很简单吧？

本文标题：JqueryAjax无刷新登录
当前链接：https://www.cdcxhl.com/article10/jhpigo.html

成都网站建设公司_创新互联，为您提供做网站、云服务器、网站内链、外贸网站建设、软件开发、定制开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容