AJAX没有提交POST数据

Question

I don't appear to have any data being sent when a form is submitted through jquery

A snippet of my issue (code reduced to simplify):

head:

        <script>

function dSubmit(formName, formAction, fieldsToCheck, divToHide){


        // No Errors process form


var url = formAction; // the script where you handle the form input.

$.ajax({
       type: "POST",
       url: url,
       data: $("#" + formName).serialize(), // serializes the form's elements.
       success: function(data)
       {alert(data)}
     });

return false; // avoid to execute the actual submit of the form.


}
</script>

body:

<a onclick="dSubmit('treatmentDetails','treatments/processTreatments.php','','')"><img style="width:35px;" src="i/update-icon.png"/></a>


<form name="treatmentdetails" id="treatmentdetails" 

action="processTreatments.php" method="POST">

    <input type="text" name="treatmentName" value="<?php echo $treatment;?>"/>
<input type="text" name="treatmentId" value="<?php echo $treatmentId;?>"/><br>

    </form>

php (treatments/processTreatments.php):

    $table  =   $dbPrefix."treatmentsOptions";

$treatmentId = $_POST['treatmentId'];
$treatmentName  = $_POST['treatmentName'];
$query = mysql_query("UPDATE $table SET name='$treatmentName' WHERE id='$treatmentId'");

echo "variables = id: $treatmentId name: $treatmentName"; // according to jquery submit neither variable appear

Answer 1

You typo treatmentDetails, fix to treatmentdetails.

$("#treatmentDetails").serialize() is return empty string.

your correct code is:

<a onclick="dSubmit('treatmentdetails','treatments/processTreatments.php','','')"><img style="width:35px;" src="i/update-icon.png"/></a>