分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何混合jQuery Mobile和ASP.NET，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在使用jQuery Mobile和ASP.NET 4.0 Webforms创建一个移动网站.我创建了一个初始登录页面(Default.aspX),其中按钮调用ajax JavaScript 函数,该函数在后端调用页面方法,如下所示：

Default.aspx的

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="UCP.Default" %>
<!DOCTYPE html>
<html>
<head>
    <title>UA Cover Plus</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
    <!-- Login -->
    <div data-role="page" id="login">
        <div data-role="header" data-position="fixed">
           <h1>Login</h1>
            <a href="#Family" data-icon="gear" class="ui-btn-right" data-iconpos="notext" data-theme="b" >Options</a>
        </div>
       <div data-role="content" data-theme="a">   
            <input type="text" id="txtUserName" placeholder="Username" />
            <input type="password" name="passwordinput" id="txtpassword"  placeholder="password" value=""  />
            <a href="javascript:Authenticate();" data-role="button" data-icon="check" data-iconpos="right">Log Me In!</a>
       </div><!-- /content -->
    </div><!-- /page -->
</body>

Ajax JQuery函数：

function Authenticate() {
    $.ajax({
        type: "POST",url: "Default.aspx/Authenticate",data: "{'name': '" + $('#txtUserName').val() + "','pass': '" + $('#txtpassword').val() + "'}",contentType: "application/json; charset=utf-8",dataType: "json",success: function (msg) {
            if (msg.d != '-1') {
                userId = msg.d;
                GetCustomisedConsole();
            } else {
                alert("Authentication Failed");
            }
        },error: function () {
            alert("Error :(");
        }
    });
};

Default.aspx.cs中的页面方法

[WebMethod]
    public static int authenticate(String name,String pass)
    {
        using (DbContext db = new DbContext())
        {
            var user = db.Users.Where(x => x.UserName == name && x.password == pass).SingLeorDefault();
            if (user != null)
            {
                return user.Id;
            }
            else
            {
                return -1;
            }
        }
    }