At first I want to apologize for the weak English. I would like to use jQuery ajax, but I do not know how to use it. I want to send a data form to addcomment.php without preloading.
<?php
require_once('config/config.php');
if($_POST['sent']){
$nick = $_POST['nick_ajax'];
$content = $_POST['content_ajax'];
$postID = $_POST['id_content_ajax'];
$sql_comment = $PDO->prepare('insert into `comments` (`nick`,`content`,`postID`) values (:nick,:content,:id)');
$sql_comment->execute(array(':nick' => $nick, ':content' => $content, ':id' => $postID));
header('Location: home.php?success');
}
else {
header('Location: home.php?fail');
die();
}
?>
Code below is in home.php
<form action="addcomment.php" method="POST">
<input type="hidden" name="nick" id="nick_ajax" value="'.$_SESSION['user'].'" />
<input type="text" style="max-width: 1100px;" id="content_ajax" class="form-control" placeholder="Write a comment" name="content" /><br />
<input type="hidden" name="id" id="id_content_ajax" value="'.$article['id'].'" />
<input type="submit" id="smb_ajax" class="btn btn-default" style="float:right; margin-top: -15px;"name="sent" value=SEND" />
</form>
Now i have this code
$(document).ready(function(){
$("#smb_ajax").click(function(){
var user = document.getElementById("nick_ajax").Value;
var content = document.getElementById("content_ajax").Value;
var id_cnt = document.getElementById("id_content_ajax").Value;
var todo = 0;
$.ajax({
method: "POST",
type: 'POST',
url: "addcomment.php",
data: {
'user': user,
'content': content,
'id_cnt':id_cnt
},
error: function() {
alert('Error!');
}
})
});
});