Excerpt |
---|
By jQuery, you can call server API by jQuery.ajax() in synchronus/asynchronous manner, and use that response on your code. The parameter can be added to FormData() in real-time. |
Below code shows an example to get the processed result from server and display its result by alert().
Code Block |
---|
language | js |
---|
title | http://qsok.com/demo/js/jQuery/post/ |
---|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function getResult()
{
var fd = new FormData();
fd.append("name", document.MainFrm.uname.value);
jQuery.ajax({
url: "ajax.php",
type: "post",
data: fd,
contentType: false,
processData: false,
async: false,
success: function(response)
{
alert(response);
}
});
}
</script>
<form method=post name=MainFrm>
<table>
<tr>
<td>Name <input type=text name="uname" value="Chun Kang"></td>
<td><input type=button value="Get Result" onClick="javascript:getResult();"></td>
</tr>
</table>
</form> |
Code Block |
---|
|
<?php
extract( $_POST);
echo "Hey {$name}, howdy?";
?> |