Ajax formulaire ne pas soumettre

Question

J'ai suivi le Submit Ajax Form tutorial on tutsplus.com, mais ne peux pas comprendre pour la vie de moi pourquoi mes données ne seront pas addreply.php appliqué à elle. Quand je regarde dans ma table mysql, les données ne sont pas insérées. Toute aide serait grandement appréciée. J'ai cherché sur le web et j'ai dépanné pendant plusieurs heures.

$(document).ready(function() { 

$(".replyLink").one("click", function(){ 
$(this).parent().after("<div id='contact_form'></div>"); 
$("#contact_form").append("<form id='replyForm'></form>"); 
$("#replyForm").append("<input class='enterName' id='enterName' type='text' 
name='name' placeholder='name' rows='1' cols='20' />"); 
$("#replyForm").append("<textarea class='enterReply' id='enterReply' name='comment' 
placeholder='reply'></textarea>"); 
$("#replyForm").append("<input type='hidden' name='id' value=''>"); 

commentID= $(this).parent().attr('id'); 

$("#replyForm").append("<input class='replyButton' id='replyButton' type='submit' `value='reply'/>");` 
$(".enterReply").slideDown();         

$(".replyButton").slideDown(); 

}); 

$(".replyButton").click(function() { 

var name = $("input#enterName").val(); 
var reply = $("textarea#enterReply").val(); 



var dataString = 'name='+ name.val() + '&comment=' + reply.val(); 

$.ajax({ 
type: "POST", 
url: "addreply.php", 
data: dataString, 
success: function() { 
} 
}); 
return false; 
}); 

**addreply.php** 

<?php 
session_start(); 

$replyID= $_POST['id']; 

$name= $_POST['name']; 
$comment= $_POST['comment']; 
$type= $_POST['type']; 
$song= $_POST['song']; 

if($song == ''){ 
$song= 'not'; 
} 

include 'connection.php'; 

if($_SESSION['signed_in'] == 'yes') { 
$query1= "INSERT INTO ApprovedComments(name, comment, Authorized, type, reply_ID, song, date) 
VALUES('$name', '$comment', 'YES', '$type', '$replyID', '$song', NOW());"; 

$insertComment= mysql_query($query1); 
// echo "hi"; 
} 

if(!isset($_SESSION['signed_in'])) { 
$query2= "INSERT INTO PreApprovedComments(name, comment, reply_ID, song, date) 
VALUES('$name', '$comment', '$replyID', '$song', NOW());";  

$insertComment= mysql_query($query2); 
} 

mysql_close(); 
?> 

Answer 1

Essayez

$.ajax({ 
    type: "POST", 
    url: "addreply.php", 
    data: $("#replyForm").serialize()+'name='+ encodeURIComponent(name) + 
      '&comment=' + encodeURIComponent(reply), 
    success: function() { 
    } 
}); 

ce sera poster tous les champs du formulaire #replyForm et les champs de nom et commentaire.

Answer 2

Voir le lien ci-dessous

Ce lien pourrait être utile pour vous

http://www.jeasyui.com/tutorial/form/form1_demo.html