如何使用jQuery发布到PHP文件
嗯,我有一个按钮,当用户点击它时,它被禁用并在一条消息中消失。谢谢,我们很快就会处理这个问题 但现在我想做的是,当任何用户单击按钮时,它将禁用,然后它将发布到一个php文件,比如:error.php this error.php将如下所示如何使用jQuery发布到PHP文件,php,jquery,Php,Jquery,嗯,我有一个按钮,当用户点击它时,它被禁用并在一条消息中消失。谢谢,我们很快就会处理这个问题 但现在我想做的是,当任何用户单击按钮时,它将禁用,然后它将发布到一个php文件,比如:error.php this error.php将如下所示 <?php if(isset($_POST['submit'])){ $ip= $_SERVER['REMOTE_ADDR']; $page= $_SERVER['REQUEST_URI']; // now update these to sql
<?php
if(isset($_POST['submit'])){
$ip= $_SERVER['REMOTE_ADDR'];
$page= $_SERVER['REQUEST_URI'];
// now update these to sql database ..... and if successfully posted return true
}
else{
return false;
}
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#submit").click(function(){
$('#submit').attr('disabled',true);
$("#div1").fadeIn(1000); //if success
$("#div2").fadeIn(1000); //if error
});
});
</script>
</head>
<body>
<div id="div1" style="display:none;">Success</div>
<div id="div2" style="display:none;">Error</div>
<button id="submit">report The Page</button>
</body>
</html>
现在,如果jQuery为真,它将淡入一个div,并显示success消息
否则它将在另一个div中淡出,并显示错误/抱歉消息
html和JS如下所示
<?php
if(isset($_POST['submit'])){
$ip= $_SERVER['REMOTE_ADDR'];
$page= $_SERVER['REQUEST_URI'];
// now update these to sql database ..... and if successfully posted return true
}
else{
return false;
}
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#submit").click(function(){
$('#submit').attr('disabled',true);
$("#div1").fadeIn(1000); //if success
$("#div2").fadeIn(1000); //if error
});
});
</script>
</head>
<body>
<div id="div1" style="display:none;">Success</div>
<div id="div2" style="display:none;">Error</div>
<button id="submit">report The Page</button>
</body>
</html>
请帮忙
thnx只需写一篇ajax文章……就像这样
$("#submit").click(function(){
$('#submit').attr('disabled',true);
$.post("example.php", function() {
$("#div1").fadeIn(1000);
}).fail(function() {
$("#div2").fadeIn(1000);});
但是我不知道你的表单在哪里,所以我不知道你在发布什么数据。要了解如何通过jQuery发布,请查看 在您的情况下,javascript代码将类似于:
$("#submit").click(function(){
$('#submit').attr('disabled',true);
$.post('error.php', function(data) {
if(data.success) {
$("#div1").fadeIn(1000);
} else {
$("#div2").fadeIn(1000);
}
});
});
您是否需要随此帖子一起提交表单内容?如果是,请将上述javascript更改为:
$.post('error.php', $("#myform").serialize(), function(data) {
这假设您有一个要提交到error.php的文件
它还假设您的PHP脚本使用json返回一个“success”属性,类似于从代码中修改的:
<?php
if(isset($_POST['submit'])){
$ip= $_SERVER['REMOTE_ADDR'];
$page= $_SERVER['REQUEST_URI'];
// now update these to sql database
echo json_encode(array("success" => 1));
}
else{
echo json_encode(array("success" => 1));
}
使用jQuery,您可以使用.post函数: 此函数使用HTTP POST请求,并具有成功函数。最简单的使用方法可能是:
$.post('php/error.php', function(data) {
console.log(data); // In your case "data" should be either "true" or "false"
});
您还可以传递其他参数,请参见文档。要想找到正确的div,只需检查success函数的数据参数
希望这能回答你的问题你在哪里?另外,请尝试否没有表单只有一个用于报告页面的按钮用户单击该按钮可报告页面。。。。然后它会添加到mySQL表中,这样我就可以检查页面并删除它,如果有什么不对劲的话。只有一个按钮。如果用户单击该按钮,它只会调用一个php文件的帖子,并禁用该按钮,然后淡入成功或错误状态message@SoumeshBanerjee有道理。那我回答你的问题了吗?我认为上面的代码应该能让你继续发帖,接收服务器的响应,并在正确的消息中消失。