2013-07-05 32 views
1

好吧我有一个按钮,当用户点击它时,它有禁用和淡入消息感谢我们将尽快处理此问题 但现在我想要做的是当用户点击按钮,它会关闭,然后将张贴到PHP文件(比如:error.php)这error.php会是这样如何使用jQuery POST到PHP文件

<?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; 
} 
现在

如果jQuery的获得真它会淡入与sucess消息 别的一个div它会褪色在另一个div与错误/遗憾信息

html和JS看起来像这样

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

+0

你在哪里'

'?也可以尝试'' – Brian

+0

[使用jQuery提交表单](http://stackoverflow.com/questions/1200266/submit-a-form-using-jquery) – vusan

回答

0

只是做一个ajax后....这样的...

$("#submit").click(function(){ 
$('#submit').attr('disabled',true); 
$.post("example.php", function() {  
    $("#div1").fadeIn(1000); 
    }).fail(function() { 
    $("#div2").fadeIn(1000);}); 

但我不知道你的形式,所以我不知道什么样的数据你张贴。

0

要了解如何通过jQuery发布看一看http://api.jquery.com/jQuery.post/

在你的情况你的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一个<form id="myform">

它还假定你的PHP脚本使用JSON,像(从您的代码修改)返回一个“成功”的属性:

<?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)); 
} 
+0

no there is no form there只是一个报告页面的按钮,用户点击按钮来报告页面....然后,它会刚刚添加到mySQL表,这样我可以检查页面,并删除它,如果有什么问题只有一个按钮如果用户点击按钮,它只会调用一个PHP文件的帖子,并禁用按钮,并成功或错误消息褪色 –

+0

@SoumeshBanerjee是有道理的。那我回答你的问题了吗?我认为上面的代码应该让你继续发布帖子,接收服务器的响应,并淡化正确的消息。 – jszobody

0

使用jQuery你可以使用。员额()函数:http://api.jquery.com/jQuery.post/

此函数使用HTTP POST请求并具有“成功”功能。最简单的使用方法是:

$.post('php/error.php', function(data) { 
    console.log(data); // In your case "data" should be either "true" or "false" 
}); 

您也可以传递其他参数(请参阅文档)。要淡入正确的div,只需检查成功函数的“data”参数。

希望这回答你的问题