Modale de la Soumission d'un formulaire en PHP à l'aide de Jquery .ajax
Je suis en train de poster un formulaire modal d'une table à l'aide de php, jquery .ajax, mais il ne fonctionne jamais.. essayé de débogage à l'aide de firebug et je ne vois pas d'erreurs. j'ai testé le formulaire à l'aide de form action="notes_functions.php" et il a bien fonctionné.
Profile.php
<div class="modal-body">
<form class="noteform" id="notesmodal" method="post">
<fieldset>
<label>Title</label>
<input type="text" class="form-control" name="note_title" placeholder="Enter a title for your note">
<label>Note</label>
<textarea rows="4" cols="50" class="form-control" name="note_content" placeholder="note"></textarea>
<label>Note type</label>
<div class="panel-body">
<input type="tagsinput" id="teetete" class="tagsinput" value="" />
</div>
<label for="exampleInputFile">Attach a document</label>
<input type="file" id="exampleInputFile3">
<p class="help-block">PDF, DOCX and image files are supported.</p>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
<input type="label" name="note_account" value="<?php echo $acctname ?>"/>
</label>
</div>
<input type="hidden" name="note_creator" value="<?php echo $_SESSION['username'];?>"/>
</fieldset>
<button class="btn btn-default" id="submitnote" >ADD</button>
</form>
</div>
c'est mon code js
$(function(){
$("button#submitnote").click(function(){
$.ajax ({
type:"POST",
url:"notes_functions.php",
data: $('form.noteform').serialize(),
success: function(msg){
$("#thanks").html(msg)
$("form.noteform").modal('hide');
},
error: function(){
alert("failure");
}
});
});
});
notes_functions.php
<?php
include_once 'dbconnect.php';
if (isset($_POST['note_title'])) {
$notetitle = strip_tags($_POST['note_title']);
$noteContent = strip_tags($_POST['note_content']);
$noteAccount = strip_tags($_POST['note_account']);
$noteCreator = strip_tags($_POST['note_creator']);
mysql_query("INSERT INTO account_notes (note_title, note_contents, note_account, note_creator)
VALUES ('$notetitle','$noteContent', '$noteAccount', '$noteCreator') ");
echo "Name = ".$notetitle;
echo $noteCreator;
}
?>
Vérifiez que
Merci.. vais essayer ça et vous le fait savoir.
$('form.noteform').serialize()
fonctionne correctement. Ajouter un peu de debug dans votre script php : est les appels ajax fait son chemin vers le script ou il échoue pour une autre raison? Vérifier le réseau de débogage dans firebug pour vérifier que votre appel ajax fonctionne correctement.Merci.. vais essayer ça et vous le fait savoir.
OriginalL'auteur BEBO | 2013-11-26
Vous devez vous connecter pour publier un commentaire.
Vous devriez vraiment être en utilisant .submit() plutôt que de la souris (pour les soumettre par entrer, etc.) et en renvoyant false pour bloquer les classiques soumet. Vous devez également vous assurer que le code de lier les événements s'exécute après que l'élément de formulaire est créé. La façon la plus simple de le faire est de le mettre dans le document de prêt gestionnaire.
Et changer le bouton AJOUTER pour être:
OriginalL'auteur AlliterativeAlice