2012-09-14 121 views
-1

我有一个表单,我想在不刷新整个页面的情况下提交。 我发现了一个准备好的源代码并在我的页面上实现了它,但它拒绝工作!处理表单而不使用jquery和ajax刷新页面

这里是HTML表单需要提交:

<form method="POST" action="" name="actionForm" id="actionForm" class="actionForm"> 
        <input type="hidden" name="adID" value="'.$row['adID'].'" /> 
        <input type="hidden" name="adStatus" value="'.$row['adStatus'].'" /> 
        <input type="submit" name="editAd" value="ערוך מודעה" class="actionButtons" /> 
        <input type="submit" name="upgradeAd" value="הקפץ מודעה" class="actionButtons" /> 
        <input type="submit" name="changeAdStatus" class="actionButtons" value="'; 
        if ($row['adStatus'] == "disabled") 
         echo 'הצג מודעה בלוח" />'; 
        else 
         echo 'הסתר מודעה מהלוח" />'; 
        echo ' 
        <input type="submit" name="deleteAd" value="מחק מודעה" class="deleteButton" /> 
       </form> 

,这里是转发给处理PHP文件中的脚本,写在当前页面上的一些结果:

<script>  
    $(document).ready(function(){ 
     $("#actionForm").validate({ 
      debug: false, 
      rules: { 
      submitHandler: function(form) { 
       $.post('/tests/process.php', $("#actionForm").serialize(), function(data) { 
        $('#resDiv').html(data); 
       }); 
      } 
     }}); 
      }); 
</script> 

的处理php只将数据写入数据库并打印确认消息。 这里是链接到它:http://codeviewer.org/view/code:29c4

我检查了代码的每一行,但还是不能让我为什么看到从处理PHP没有消息......

什么想法?

在此先感谢您的帮助!

P.S.这里是最初的PHP的完整代码:http://codeviewer.org/view/code:29c3

+1

使用开发者控制台在浏览器中看到你的反应会得到什么。 –

+0

此外,还有一个合适的类jQuery iframe-post ...看看这里http://www.jainaewen.com/files/javascript/jquery/iframe-post-form.html – donald123

+0

只是一个说明,你不应该' t做到这一点:'删除广告在哪里adID = $ adID'其中'$ adID'是一个POST变量。这让你打开SQL注入。如果有人用'any OR x = x'发出POST请求,你的数据库会突然消失。你应该像这样清理你的POST输入:'$ adID = mysql_real_escape_string($ _ POST ['adID']);'然后在'WHERE adID ='$ adID'' – CJxD

回答

1

我认为你的JavaScript代码末尾是错误的。提交处理程序不得在规则中:{}块。

尝试以下操作:

<script>  
    $(document).ready(function() { 
     $("#actionForm").validate({ 
      debug: false, 
      submitHandler: function(form) { 
       $.post('/tests/process.php', $("#actionForm").serialize(), function(data) { 
        $('#resDiv').html(data); 
       }); 
      } 
     }); 
    }); 
</script> 
+0

那也没有帮助... –