Question

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

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

Answer 1

你可以这样做：

$.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函数的参数，以采取适当的行动。

Answer 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以避免通过网络以明文形式发送此信息。

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

2 个答案: