<form action="http://mysite.ru/myphp.php" method="POST">
<textarea style="margin: 10px 0 0 10px; width: 350px; height: 100px; " name="isbn"></textarea>
<input name="myauthor" id="myauthor"><br>
<input name="mytitle" id="mytitle"><br>
<input name="myprice" id="myprice"><br>
<input name="myquantity" id="myquantity"><br>
<input type="submit" value="OK" id="mysubmit">
</form>
<script type="text/javascript">
{literal}
$(document).on('click', '#mysubmit', function(e){
e.preventDefault();
$.ajax({
type: 'POST',
headers: { "cache-control": "no-cache" },
url: baseUri + 'myphp.php', // файл в корне сайта
async: true,
cache: false,
dataType : "json",
data: '&myqty=' + myquantity + '&myprice=' + myprice + '&mytitle=' + mytitle + '&myauthor=' + myauthor,
success: function(jsonData,textStatus,jqXHR)
{
var messuccess = "Данные переданны без ошибок";
if (!!$.prototype.fancybox)
$.fancybox.open([
{
type: 'inline',
autoScale: true,
minHeight: 30,
content: '<p class="fancybox-error">' + messuccess + '</p>'
}],
{
padding: 0
});
else
alert(messuccess);
},
error: function(XMLHttpRequest, textStatus, errorThrown)
{
var error = "Ошибка сохранения данных.<br/>textStatus: '" + textStatus + "'<br/>errorThrown: '" + errorThrown + "'<br/>responseText:<br/>" + XMLHttpRequest.responseText;
if (!!$.prototype.fancybox)
$.fancybox.open([
{
type: 'inline',
autoScale: true,
minHeight: 30,
content: '<p class="fancybox-error">' + error + '</p>'
}],
{
padding: 0
});
else
alert(error);
}
});
});
{/literal}
</script>