jquery getting stuck?

Question

$.ajax({
url: "_includes/contactform.php",
type: "POST",
data:'name=' + nameValue + "&email=" + emailValue + "&text=" + textValue + "&checkbox=" + checkValue + "&submit=true",  
dataType:"json",
success: function(data,result,res) {
alert(res);
console.log(data);
if(data.checkbox == "true"){
    $("#success h1").html("The form was sent successfully. Thank you for signing up for our newsletter.")
}

});

My script gets stuck when running.

here is the server return:

$json_array = array("checkbox" => $checkbox);
echo json_encode($json_array);

Answer 1

Have a look in the Firebug Net tab to see what data is returned or if the server is returning a 500.

Answer 2

You can also look in the Firebug console and see what was sent and what was returned.

You may also want to have your contactform.php work with GET and test it from the browser, making certain that your script isn't having any problems.

Troubleshoot it one part at a time, and use firebug frequently. :)

Update: just looked at your javascript and the problem is in your success function.

Go to json.org, get a javascript file (look at the languages at the bottom of the page). Parse the data variable and get the json object. Then use that result in the javascript.

The problem is that you are assuming the json result is already a javascript object, and it is not. You need to convert it to one, either with using the eval function (very risky) or using a library to parse it.
Here is an example of what I am describing: http://www.factsandpeople.com/facts-mainmenu-5/26-html-and-javascript/89-jquery-ajax-json-and-php

or you can try this, which is $.getJSON http://docs.jquery.com/Ajax/jQuery.getJSON