所以我在这里发布我的第一个PHP功能,我很自豪,但我刚刚学习了AJAX,并想测试它.不幸的是我无法让它发挥作用.
我的经验: PHP(3周).CSS3,HTML,基本Javascript.
我的问题:让AJAX工作.我希望ajax从php文件中获取我的数据,该文件从我的测试服务器(Xampp)数据库获得投票.因此,每次用户点击好的或坏的AJAX都应该显示新的结果而不刷新页面.然而问题是:A)我的if语句通过检查isset($ _ POST)来工作,如果我通过AJAX调用它将不再工作.B)防止刷新.C)每次点击后进行AJAX更新.我知道即将到来,我只是遗漏了一些东西而且我不确切地知道它到底是什么.
我尝试了什么:检查了我的数据库连接.检查我的PHP代码是否在没有ajax的情况下工作,并且它完全正常(我只是在这里显示一半的功能,为了简单起见,精简版).试图将提交更改为按钮.缓存清除.Jquery是我的文档的头部,路径是正确的.观看教程并阅读文档,但我不会去任何地方,可能是由于缺乏经验.
编辑:会话和一切PHP工作正常.我的会话启动和数据库连接都包含在最顶层.
简介:如何修复此ajax以便始终更新我的数字?
如果您希望我解释部分PHP代码,请告诉我.如果需要,我愿意评论这些部分.
JQUERY/AJAX代码
function vote() {
var request = $.ajax({
url: "php/core/voting_system.php",
type: "POST",
dataType: 'html'
});
request.done(function(vote_sum) {
$("#votes").html(vote_sum);
});
}
Run Code Online (Sandbox Code Playgroud)
HTML代码:
<div id='votes'></div>
<form id="good" action="" method="post">
<input type="submit" name="good" onclick="vote()" value="+">
</form>
<form id="bad" action="" method="post">
<input type="submit" name="bad" onclick="vote()" value="-">
</form>
Run Code Online (Sandbox Code Playgroud)
在 HTML 中你不需要<form>,你可以用 来做到这一点AJAX,对吧?
<div id='votes'></div>
<button onclick="vote('good');">+</button>
<button onclick="vote('bad');">-</button>
Run Code Online (Sandbox Code Playgroud)
在JavaScript中,使用post比ajax函数更容易
function vote(gb) {
$.post("php/core/voting_system.php", { vote: gb }, function(vote_sum) {
$("#votes").html(vote_sum);
});
}
Run Code Online (Sandbox Code Playgroud)
在 PHP 中,提取投票并根据需要使用它(添加验证/卫生):
$vote = $_POST['vote']; // either 'good', or 'bad'
// do what you need with it
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
620 次 |
| 最近记录: |