Question

63

POSTing with $.ajax doesn't work

rated 0 times [ 65] [ 2] / answers: 1 / hits: 16374 / 10 Years ago, sat, may 24, 2014, 12:00:00

Well, the problem is not new, as I saw (really surf a lot), but still can not find solution for myself.

Description of problem:

Have local Web server - XAMPP;

Firefox 29.0.1

And trying to send POST with $.ajax

function checkUser(){

  $.ajax({

    type: 'POST',

    url: 'ajax/checkUser.php',

    data: 'uname='+$(#username).val()+'&pword='+$(#password).val(),

    success: function(){

      someNewFunc();

    },

  });

};

This function I'm calling with:

$(document).ready(function(){

        $(.button.postfix.login).on(click, function(){

        if (($(#username).val() != ) && ($(#password).val() != )) {

            hide(); <-- hide pop ups about empty field

            checkUser();    

        } else {$(#empty).show();} <-- pop ups 

        });

    });

And here code of page with elements:

<input id=username type=text placeholder=Username />

<input id=password type=password placeholder=Password />



<a class=button postfix login href=# 

onclick=event.preventDefault();>Sign in</a>

I guess that data are going out, but the page checkUser.php doesn't get anything.
What am I doing wrong?

P.S. checkUser.php:

<?php

print_r($_POST);

?>

Result - Array ( )

P.P.S. By the way, if POST change to GET it's working, but need to be POST

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

collinisaaka

Add To Favorites

Follow

Total Points: 194

Total Questions: 105

Total Answers: 104

Location: Tonga

Member since Tue, Nov 30, 2021

3 Years ago

collinisaaka questions

1 Compare two arrays of objects, and remove if object value is equal

Wed, Mar 2, 22, 00:00, 2 Years ago

1 REACTJS giving the following error: TypeError: navigate.push is not a function

Tue, Nov 23, 21, 00:00, 3 Years ago

1 ReferenceError: Cannot access before initialization circular dependency

Fri, Jul 9, 21, 00:00, 3 Years ago

1 React Hook useEffect to fetch data from local json file to create a details page

Tue, Sep 15, 20, 00:00, 4 Years ago

1 create a curved bottom navigation (before after implementation)

Wed, Jul 1, 20, 00:00, 4 Years ago

View All

answered 10 Years ago louiseb · Accepted Answer

$(document).ready(function(){



$(.button.postfix.login).on(click, function() {



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

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



if ((username != ) && (password != )) {

    hide(); <-- hide pop ups about empty field

    checkUser(username, password); // Pass the variables here as a parameter

} else {

    $(#empty).show();} <-- pop ups 

});



// Put the parameters here

function checkUser(username, password) {



  $.ajax({

    type: 'POST',

    url: 'ajax/checkUser.php',

    data: { username:username, password:password} //It would be best to put it like that, make it the same name so it wouldn't be confusing

    success: function(data){

       alert(data);

    },

  });

};

});

So when you're gonna call it on php

$username = $_POST['username'];



echo $username;