你如何在PHP MVC框架中使用jquery ajax？ [英] How do you use jquery ajax in a PHP MVC framework?
本文介绍了你如何在PHP MVC框架中使用jquery ajax？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图让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.jsintegrity =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.jsintegrity =sha384-DztdAPBWPRXSA / 3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrbcrossorigin =匿名>< /脚本>
< script src =https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.jsintegrity =sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk + 02D9phzyeVkE + jo0ieGizqPLForncrossorigin = 匿名 >< /脚本>
< link rel =stylesheethref =https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.cssintegrity =sha384-rwoIResjU2yc3z8GV / NPeZWAv56rSmLldC3R / AZzGRnGxQQKnKkoFVhFQhNUwEyJcrossorigin =anonymous>
< script src =/ JavaScript / BurgerJoint.jstype =text / javascript>< / script>
< script src =/ JavaScript / Test3.jstype =text / javascript>< / script>
< / head>
< body>
< div>
< span class =menuCart>总计：$< 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.jpgalt =牛肉汉堡style =float：left/>
< p>价格：3.59美元< / p>
数量：< input class =menuText itemQuantitytype =textname =burger_quantitystyle =width：28pxvalue =0/>
< button id =menuButton>添加到购物车< / button>
< / form><！ - 结束表单 - >
< / div><！ - end beefBurger - >
< / body>
< / html>
// JQUERY CODE
$（document）.ready（function（）{
$（。ajax）。submit（function（）{
$ .ajax（{
url：Word.php，
成功：函数（结果）{alert（result）;}，
错误：函数（错误）{alert（错误）;}
}）;
返回false;
}）;
}）;
<？php
// SERVER SIDE PHP CODE
echophp中的Hello World。;
？>
<？php
// PHP ROUTE
$ router-> map（'GET'，'/ FixModal'，'Rectitude \Controllers\PageController @ getFixModal'，'FixModal'）;
？>
<？php
// PHP PAGE CONTROLLER
公共函数getFixModal（）
{
//include(__DIR__.\"/../../Views/BurgerJoint.html）;
echo $ this-> twig-> render（FixModal.html）;
}
？>
我尝试了什么：
我读了文章，但是没听到他们说的话。
解决方案
< span class =menu -total> 0℃; /跨度>< /跨度>
< / div><！ - end menuCart - >
< div id =beefBurger>
< form class =ajax>
< div>< h2> BEEF BURGER< / h2>< / div>
< img src =BurgerJoint_Images / BeefBurger.jpgalt =牛肉汉堡style =float：left/>
< p>价格：
3.59< / p>
数量：< input class =menuText itemQuantitytype =textname =burger_quantitystyle =width：28pxvalue =0/>
< button id =menuButton>添加到购物车< / button>
< / form><！ - 结束表单 - >
< / div><！ - end beefBurger - >
< / body>
< / html>
// JQUERY CODE
（文件）。就绪（函数（）{
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>
//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");
}
?>
What I have tried:
I read article but, did not get what they were saying.
解决方案
<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(){
这篇关于你如何在PHP MVC框架中使用jquery ajax？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
