I am trying to get php ajax to work inside a MVC framework. Whenever I execute my code, the page does not update my data that I am sending to the server. Instead, the page just reloads. I am using alto-router and the twig templating engine. If someone could tell me what I am doing wrong, please let me know.
my code is below:
<!--HTML CODE-->
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="/JavaScript/BurgerJoint.js" type="text/javascript"></script>
<script src="/JavaScript/Test3.js" type="text/javascript"></script>
</head>
<body>
<div>
<span class="menuCart">Total: $<span class="menu-total">0</span></span>
</div><!--end menuCart-->
<div id="beefBurger">
<form class="ajax">
<div><h2>BEEF BURGER</h2></div>
<img src="BurgerJoint_Images/BeefBurger.jpg" alt="Beef Burger" style="float:left"/>
<p>PRICE: $3.59</p>
Qty: <input class="menuText itemQuantity" type="text" name="burger_quantity" style="width:28px" value="0"/>
<button id="menuButton">ADD TO CART</button>
</form><!--end form-->
</div><!--end beefBurger-->
</body>
</html>
$(document).ready(function(){
$(".ajax").submit(function(){
$.ajax({
url: "Word.php",
success: function(result){alert(result);},
error: function(error){alert(error);}
});
return false;
});
});
<?php
echo "Hello World in php.";
?>
<?php
$router->map('GET','/FixModal', 'Rectitude\Controllers\PageController@getFixModal', 'FixModal');
?>
<?php
public function getFixModal()
{
echo $this->twig->render("FixModal.html");
}
?>
What I have tried:
I read article but, did not get what they were saying.