<!DOCTYPE html>
<html>
<head>
<title>title</title>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<form method="POST" action="" onsubmit="return false">
<textarea name="texts" cols="60" rows="7" id="texts"></textarea><br><br>
<input type="submit" name="sub" id="sub">
</form>
<div id="print">
</div>
</body>
</html>$(function(){
$("#sub").click(function(){
var texts = document.getElementById("texts").value;
$.ajax({
url: 'ajax.php',
type: 'POST',
data: {texts: texts},
success: function(data){
$("#print").html(data);
}
});
});
});<?php
$name = $_POST['texts'];
echo $name;
?>if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest')
{
$name = $_POST['texts'];
echo $name;
}
else {
//index code
}if(isset($_GET['context']))
{
if($_GET['context'] == 'ajax')
/*....*/
}