Ajax Post Request στην ιδια σελιδα

[crab27]

Καλησπέρα προσπαθώ χρησιμοποιώντας jquery να κάνω ένα ajax request σε μια σελίδα php. Στην σελίδα υπάρχει ένα input type search το οποίο έχει ένα event για το όταν πατηθεί το πλήκτρο Enter. Όταν πατηθεί το πλήκτρο Enter θέλω να στέλνεται με ajax post request το περιεχόμενο του input type στην ίδια σελίδα και να γίνεται ένα query σε βάση δεδομένων. Το ajax request στέλνει τα δεδομένα  σωστά αλλά υπάρχει πρόβλημα όταν στην php σελίδα προσπαθώ με την μεταβλητή $_POST να χρησιμοποιήσω τα δεδομένα. 

Παραθέτω τον κώδικα:

Ο κώδικας για το ajax:

function PhoneInsert(e){

if(e.keyCode == 13){

var PhoneData =$('#phone').serialize();

request = $.ajax({

url: "index.php",

type: "post",

data: PhoneData

});

request.done(function (response, textStatus, jqXHR){

// Log a message to the console

console.log("Hooray, it worked!");

});

 

// Callback handler that will be called on failure

request.fail(function (jqXHR, textStatus, errorThrown){

// Log the error to the console

console.error(

            "The following error occurred: "+

            textStatus, errorThrown

);

});

}

}

Ο κώδικας php για τα δεδομένα:

if(isset($_POST['data'])){

      echo "Ok";

}

Το συγκεκριμένο if δεν εκτελείται παρόλο που τα δεδομένα έχουν αποσταλεί με το ajax post request και δεν καταλαβαίνω τον λόγο. 

[lionheart82]

Στο

if(isset($_POST['data'])){

      echo "Ok";

}

 

Το post data δεν υπάρχει σαν μεταβλητή αλλα παίρνει τα input που έχει στο #id που έχουν γίνει serialize.

 

Συνήθως το serialize γίνεται με id την φόρμα ολόκληρη ώστε να φέρει έπειτα όλες τις values που έχει η φόρμα, εάν θέλεις να πάρει μόνο το phone κάνε $('#phone').val(); και έπειτα if(isset($_POST['phone])){

 

Εάν το ψάξεις λίγο στο google θα βρεις αρκετα guides & info.