Truck53 Ответов: 0

Как вы используете jquery ajax в PHP MVC фреймворке?

Я пытаюсь заставить php ajax работать внутри фреймворка MVC. Всякий раз, когда я выполняю свой код, страница не обновляет мои данные, которые я отправляю на сервер. Вместо этого страница просто перезагружается. Я использую alto-router и движок шаблонов twig. Если кто-то может сказать мне, что я делаю не так, пожалуйста, дайте мне знать.

мой код находится ниже:

<!--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>


//JQUERY CODE

$(document).ready(function(){
$(".ajax").submit(function(){
   $.ajax({
     url: "Word.php",
     success: function(result){alert(result);},
     error: function(error){alert(error);}
   });
   return false;
 });
});


<?php
//SERVER SIDE PHP CODE

echo "Hello World in php.";

?>


<?php
//PHP ROUTE
 
$router->map('GET','/FixModal', 'Rectitude\Controllers\PageController@getFixModal', 'FixModal');
?>


<?php
//PHP PAGE CONTROLLER


public function getFixModal()
{
  //include(__DIR__."/../../Views/BurgerJoint.html");
   echo $this->twig->render("FixModal.html");
}
?>


Что я уже пробовал:

Я читал статью, но не понимал, о чем они говорят.

0 Ответов