How to stop jQuery post page refresh

Question

I am getting data from an MySQL database through PHP. I am sending the and getting the data from PHP using jQuery. Here is the code.

$.POST(\"SubmitCode.php\", $         


        

Answer 1

You also have to parse the json on the client side. You can do this using

obj = jQuery.parseJSON(data);

Answer 2

Try this instead: (note the placement of the callback function, and lowercase .post method)

$.post("SubmitCode.php", $("#questionCodeForm").serialize(),function(data) {
  //manipulate your data here

 },'json');

Also make sure that whatever is triggering the post isn't an actual link and if it is, you need to stop the default action from occuring. For example:

<a href="submit.php">Click here to submit</a>

javascript:

$(a).click(function(e) { 
e.preventDefault();
$.post("SubmitCode.php", $("#questionCodeForm").serialize(),function(data) {
  //manipulate your data here

 },'json');
});