my patience with ajax is gone. no matter cannot get this working. To be honest, I have not tried this outside a DIV because the intention is specifically use AJAX to load and post a form across to a page within the confines of said DIV.
Many Thanks for the advancement of what is to come.
The #contentmainpane is a DIV. I have ...
if (isset($_POST['l'])) {
echo $_POST['l']; }
else {
echo 'nope'; }
... in the CART page loads fine but does not receive the post from the BOOK page(so I get nope echoed on CART.PHP within #contentmainpane DIV). Here is the offending BOOK page code:
<form id="form1" method="POST">
<input id="l" name="l" size="45" type="text" value="book">
<input id="submit" name="submit" value="save" type="submit">
</form>
<script>
$('#form1').submit(function(event){
event.preventDefault();
var book = $('#book').serialize();
var cart = '/content/pages/cart.php';
var formdata = {"book": book}
$.ajax({
type: "POST",
url : "/content/pages/cart.php"
data: formdata,
success: function(msg){
$("#contentmainpane").load(cart);
}
});
});
</script>