Отправка имени пользователя и пароля с помощью jquery ajax

Question

Я хочу отправить значения имени пользователя и пароля, которые пользователь вводит в элементы ввода html, на сервер, чтобы проверить, действительны ли имя пользователя и пароль, когда пользователь нажимает кнопку входа в систему, используя запрос post в методе $.ajax(options) в jquery.1002 *

Но я не знаю, как отправить имя пользователя и пароль на сервер.Какой вариант я должен написать в методе $.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 аргументах $.ajax функция для выполнения соответствующих действий.

Answer 2

Предполагая, что имя пользователя и пароль содержатся во входных текстовых полях с соответствующими идентификаторами:

<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, чтобы избежать отправки этой информации в открытом виде по проводам.