Login-Seite mit ASP.Net & Ajax

Question

Ich versuche, eine Login-Seite mit HTML, Ajax & ASP.NET zu machen.Die Daten werden wirklich an die Ajax-Funktion übergeben, aber wenn ich die ASP-Seite debuggen den Benutzernamen und das Passwort werden mit NULL gesendet. Der Code soll Benutzernamen nehmen & Passwort gibt dann die Benutzer-ID

HTML-Seite:

<div id="usernameid">Username:</div><input id="username" type="text"/> <span id="username_status"></span> 
    <div id="passwordid">Password:</div><input id="password" type="password"/> <span id="password_status"></span> 
    <div> <input id="loginbutton" onclick="UserLogin()" type="submit" value="Submit" /></div> 

Javascript:

function UserLogin() { 
var postData = JSON.stringify({ "username": JSON.stringify($("#username").val()), "password": JSON.stringify($("#password").val()) }); 
alert(postData); 
$.ajax({ 
    type: "GET", 

    url: "http://localhost:49317/LoginPageForLearn.aspx", 
    data: postData, 
    contentType: "application/json; charset=utf-8", 
    dataType: "jsonp", 
    jsonp: 'jsoncallback', 
    success: callbackfunction, 
    error: function (msg) { alert(msg); } 
    }); 
    } 
    function callbackfunction(datacoming) { 
    localStorage["UserID"] = datacoming; 
    alert(datacoming); 

Asp.net Seite:

protected void Page_Load(object sender, EventArgs e) 
    { 

     string userName = ""; 
     int userId = -1; 
     string PassWord = ""; 
     if (Request.QueryString.Count != 0 && Request.QueryString["username"] != string.Empty && Request.QueryString["password"] != string.Empty) 
      { 
       userName = Request.QueryString["username"]; 
       PassWord = Request.QueryString["password"]; 
       userId = GetUserID(userName, PassWord); 

      } 
    } 

Do Sie haben irgendwelche Ideen, warum nicht die Daten korrekt übergeben werden? Oder haben Sie andere Ideen, wie ich eine Login-Seite mit HTML erstellen und auf die Daten bei SQL zugreifen kann.

Vielen Dank.

Answer 1

Sie eine Pagemethod schaffen könnte:

[WebMethod] 
public static bool MyMethod(string username, string password) 
{ 
    ... 
    return true; 
} 

und dann der Doppel JSON stringification loszuwerden und die Seite-Methode aufrufen:

var postData = JSON.stringify({ 
    "username": $("#username").val(), 
    "password": $("#password").val() 
}); 
$.ajax({ 
    type: "POST", 
    url: "LoginPageForLearn.aspx/MyMethod", 
    data: postData, 
    contentType: "application/json; charset=utf-8", 
    success: callbackfunction, 
    error: function (msg) { alert(msg); } 
}); 

und in Ihrem Rückruf könnten Sie das Ergebnis der Prüfung Seitenmethode:

function callbackfunction(result) { 
    if (result.d) { 
     alert('success'); 
    } 
} 

Answer 2

Es funktioniert nicht so. Sie müssen auch etwas zurückgeben, um den Client darüber zu informieren, dass die Authentifizierung erfolgreich war oder fehlgeschlagen ist. Sie müssen über den programmatischen Arbeitsablauf nachdenken.

Sie können auf der von Ihnen aufgerufenen Seite eine statische Methode erstellen, die einen Wert in Form von Bool oder JSON zurückgibt. Etwas in dieser Richtung:

$.ajax({ 
    type: "GET", 
    url: "http://localhost:49317/LoginPageForLearn.aspx/Authenticate", 
    data: postData, 
    contentType: "application/json; charset=utf-8", 
    dataType: "jsonp" 
}); 

In Ihrem Erfolg oder Misserfolg Rückruf, Sie von dort beurteilen werde, was Sie wollen mit dem zurück tun:

[WebMethod] 
[ScriptMethod(UseHttpGet = true)] 
public static bool Authenticate JsonMethod(int username, string password) 
{ 
    bool isAuthenticated = // some method to authenticate 
    return isAuthenticated; 
} 

Ihre AJAX wie folgt aussehen würde Wert.

In jedem Fall wäre ein Handler wahrscheinlich besser, da es keine unnötige Markierung enthält.