I am trying to display results from the process page on the host page. At the moment I keep getting the Uncaught ReferenceError: data is not defined error message. How do I go about fixing this?
form.php
$(document).ready(function () {
// variable to hold request
var request;
// bind to the submit event of our form
$("#commentForm").submit(function (event) {
// abort any pending request
if (request) {
request.abort();
}
// setup some local variables
var $form = $(this);
// lets select and cache all the fields
var $inputs = $form.find("input, select, button, textarea");
// serialize the data in the form
var serializedData = $form.serialize();
// lets disable the inputs for the duration of the ajax request
$inputs.prop("disabled", true);
// fire off the requestp
var request = $.ajax({
url: "process_msg.php",
type: "post",
data: serializedData
});
// callback handler that will be called on success
request.done(function (response, textStatus, jqXHR) {
// log a message to the console
console.log("Hooray, it worked!");
// flash update text
$("#flashmessage").html(data)
});
// callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown) {
// log the error to the console
console.error(
"The following error occured: " + textStatus, errorThrown);
});
// callback handler that will be called regardless
// if the request failed or succeeded
request.always(function () {
// reenable the inputs
$inputs.prop("disabled", false);
});
// prevent default posting of form
event.preventDefault();
});
});
<form id="commentForm">
<textarea maxlength="255" placeholder="What's on your mind?" id="post_box"
style="font-family: Verdana; border-color: #dedede" name="msg"></textarea>
<br />
<input type="hidden" name="user_id" value="<? echo $loggedin_id; ?>" />
<input type="submit" id="post_btn" style="display: none" value="Post"
/>
</form>
<div id='flashmessage'></div>
process_msg.php
<?php
require_once("../resources/php/connection.php");
$msg = $_POST["msg"];
$user_id = $_POST["user_id"];
?>
<div id="flashmessage">
<?php echo $msg; ?>
</div>