使用jquery ajax发送用户名和密码

时间:2010-05-23 09:46:51

标签: jquery ajax

我想将用户在html输入元素中键入的用户名和密码值发送到服务器,以便在用户单击登录按钮时检查用户名和密码是否有效,在jquery中使用$.ajax(options)方法中的post请求

但我不知道如何将用户名和密码发送到服务器。我应该在$.ajax(options)方法中用什么选项来从服务器获取这些值?

2 个答案:

答案 0 :(得分:3)

你可以这样做:

$.ajax({
  url:'server-file-url.php',
  type:POST,
  data:$('form_id').serialize(), // this will get form fields
  success:function(res){
   alert(res);
  };
});

在服务器文件中,检查数据库中用户的记录(如果存在),您只需发回一些响应,如1表示成功,发送0表示失败,并在{{success中使用1}} $.ajax函数的参数,以采取适当的行动。

答案 1 :(得分:2)

假设用户名和密码包含在具有相应ID的输入文本字段中:

<input type="text" name="username" id="username" value="" />
<input type="password" name="password" id="password" value="" />
你可以这样发送:

var username = $('#username').val();
var password = $('#password').val();
$.ajax({
    type: 'POST',
    url: '/serverscript.cgi',
    data: { username: username, password: password },
    success: function(result) {

    }
});

最后确保使用HTTPS以避免通过网络以明文形式发送此信息。