Ajax json和参数从登录表格

我正在创建一个jQuery的移动应用程序的登录。我正在通过标准的HTML登录表单来完成此操作。当我点击提交按钮后，我正在检查提供的用户名和密码是否正确。我通过使用Ajax和json来检查这一点。现在的问题是如下，如果我做到以下几点：

function authenticate(userName, password1) { 

        $.ajax 
        ({ 
         type: "POST", 
         //the url where you want to sent the userName and password to 
         url: "http://notgiven", 
         dataType: 'json', 
         async: false, 
         //json object to sent to the authentication url 
         //data: {"username": "' + userName + '", "password" : "' + password + '"}, 
        data: { username: "user1", password: "test1" },, 
         success: function (data) { 
          //do any process for successful authentication here 
          alert('Login status: ' + data.status); 
         } 
        }) 
       };

然后我得到了成功，

但是，如果我想从我的田地参数和做到这一点：

$(document).ready(function() { 
            //event handler for submit button 
            $("#btnSubmit").click(function() { 
                 //collect userName and password entered by users 
                 var userName = $("#username").val(); 
                 var password = $("#password").val(); 


                 }); 

       }); 


       function authenticate(userName, password1) { 

        $.ajax 
        ({ 
         type: "POST", 
         //the url where you want to sent the userName and password to 
         url: "http://notgiven", 
         dataType: 'json', 
         async: false, 
         //json object to sent to the authentication url 
         //data: '{"username": "' + userName + '", "password" : "' + password + '"}', 
         data: '{username: userName, password: password1 }', 
         success: function (data) { 
          //do any process for successful authentication here 
          alert('Login status: ' + data.status); 
         } 
        }) 
       };

然后我得到一个失败... 任何人知道为什么？

答：*答： *答：*答： *

我已经把：认证（用户名，密码）;如Thrustmaster所说的成为点击功能的。完成此操作，否则在单击时用户名和密码的数据超出范围，如Andrew所说。

我也把返回false;在.click函数中，这样我可以多次点击按钮（并且仍然获得功能验证的结果）。

日Thnx

来源

2012-08-06 bdz

不是用户名和密码密码在点击事件后超出范围。或者我的封锁错了。

来源

2012-08-06 12:36:44

你是对的！ – bdz 2012-08-06 12:38:24

你是不是叫从.click(..)事件authenticate(..)。

$("#btnSubmit").click(function() { 
    var userName = $("#username").val(); 
    var password = $("#password").val(); 
    authenticate(userName,password); 
);

和内部authenticate(..)它应该是：

data: {username: userName, password: password1},

来源

2012-08-06 12:28:50 SuperSaiyan

我知道，我这样做的按钮： – bdz 2012-08-06 12:29:48

它是一个坏想把jQuery的'.click（..）'和HTML'onclick'混合起来。坚持使用jQuery，并修改'authenticate（..）'中的所述行。 – SuperSaiyan 2012-08-06 12:31:25

我故意这样做，因为如果有人输入了错误的用户名/密码，那么如果他再次单击该按钮，则不会激活该功能。 – bdz 2012-08-06 12:33:31

您不使用用户名和密码的值：

data: '{username: userName, password: password1 }',

将其更改为：

data: {'username': userName, 'password': password1 },

来源

2012-08-06 12:30:50 Tomer

不起作用:( – bdz 2012-08-06 12:35:22

Ajax json和参数从登录表格

回答

相关问题