php - PHP 联系表单需要调用 Javascript 在主 .html 页面上显示隐藏的 div

Question

我正在开发一个单页网站，其中有一个联系表格，其中联系错误和联系感谢消息被放置在页面下方作为隐藏的 div。

联系表单调用一个外部 php 文件，该文件调用错误的锚链接并感谢 index.html 文件中的消息 div。

www.photograsurfer.com/test/index.html

www.photograsurfer.com/test/code/contact-panel.php

只要不隐藏 div，一切都会成功。所以现在我需要使用下面的 javascript 来让隐藏的 div 在需要时显示。

<script type="text/javascript">
function showContactPanelError() {
document.getElementById('contact-panel-error').style.display = "block";
}
</script>

除了作为一个完整的 PHP 初学者之外，我的问题是我不知道如何让 PHP 文件引用 Javascript 代码以在主页上正确显示隐藏的 div。

任何帮助表示赞赏。

谢谢。

score 0 · Accepted Answer

使用 jQuery 表单 ( http://malsup.com/jquery/form/ ) 通过 AJAX 提交表单，然后div根据您从 PHP 脚本返回的值显示/隐藏。

score 0 · Accepted Answer

您可以将 php 变量分配给 javascript 作为

var error="<?php echo $_GET['error']; ?>";

这$error是与网址一起传递的数据，例如 wwww.example.com/test.php?error=1

现在您可以检查 var 错误并调用您的函数 showContactPanelError()。

score 0 · Accepted Answer

您可以在提交按钮上添加 onclick 事件。单击它将创建一个 ajax 调用，将数据发送到所需的外部 PHP 文件，然后成功将在主页上正确显示隐藏的分区。

这是一个示例代码，仅用于解释

**
 * Description : Function that will trigger the AJAX request.
 * @param    none
 */

function CategorySubscriber_Unsubscribe(){

var data = {    
    'data-1':        data-1,
    'data-2':        data-2,
             // as per your need you can put any number of data
};


var url =  // your url

jQuery.post(url, data, function(response){
     jQuery.show("#your-div-id");
});

}

function(response) 将在 ajax 调用处于成功状态时执行。

您可以从这些链接中学习

http://www.w3schools.com/jquery/ajax_post.asp

http://api.jquery.com/jQuery.post/