How to send my login and password via $.ajax

Question

Hello, I have a link where it opens a modal window (as if it were an "Alert") to enter the login and password. I am using jQuery, the $.ajax{} function to be more specific. I would like to know how to send my login and password in its header. What type of command should I use? Authentication? How?

Answer 1

In the documentation of . ajax() find some options.

You can use the beforeSend where they advise to set the headers. Example:

$.ajax({
    type: "POST",
    beforeSend: function (request) {
        request.setRequestHeader("Chave", 'valor');
    },

Or you can use the headers. Example:

$.ajax({
    url: 'meuSite.com/pasta',
    headers: { 'meu-header': 'valor ou senha' }
});

Answer 2

$.ajax({
    url:'link.php',
    username:'USR',
    password:'PWD', 
    success: function(completo){
        $('#resultado').html(completo);
    }
});

Use this if the authentication is actually HTTP, otherwise set the values in a field data:.

Answer 3

Hi, you can use this:

var username = $("#username").val();
var password = $("#password").val(); 

$.ajax({
    url: "teste.php",
    headers: {"Header-Teste": username, "Header-Teste2": password},
    success: function(data) { alert('Successo!' + data); }
    error: function () { alert('Erro!'); },
});