我正在为我的客户重新设计一个网站。他们有一个基于PHP的"联系我们"表单，名为contact-us.php。
我对PHP有点熟悉，但无论如何都不是专家。该表单基本上会发布字段、验证有效性、构建和发送电子邮件。如果thankyou.php页面上没有错误，请进行确认。
在新的设计中，我使用HTML5和CSS3，试图扩展我的知识库。
客户希望在每一页上都有"联系我们"表格，作为"右侧导航"侧边栏。
目前所有页面都是.html。现在是否需要我将所有页面更改为.php以正确处理"联系我们"表格？
包含"联系我们"表单的侧边栏现在只是一个基本的包含文件。。
我想我最好现在就解决这个问题，以免它走得太远，造成更多的工作。
想法？想法？我是不是一直在为所有页面使用.php文件扩展名开发网站？
为了表单的未来用途，最好将所有页面更改为.php，因为您希望在每个页面上都有联系我们表单。
转到右导航侧边栏，在那里您希望表格出现，并插入以下代码
<?php
require_once "right-nav.php";
?>
在你希望表单出现的每一页上插入这个，你需要用.php扩展名保存页面
在right-namev.php文件中，放入用于显示表单的源代码
将来，当您想要对表单进行更改时，您将只处理right-namev.php文件
如果要在每个页面的侧边栏中包含contact form，我想您必须将扩展名从.html更改为.php。
更改为.php扩展名不会对HTML代码的功能产生任何影响，它只会使您能够POST处理表单数据。。。所以继续吧。。
使用AJAX。。index.html
<form id="upload" action="" method="post">
Name:<input type="text" id="name" name="name"><br><br>
Email:<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Upload" class="submit" />
</div>
</form>
<div id="message"></div>
对于您的ajax.js文件：
$(document).ready(function (e) {
$("#upload").on('submit',(function(e) {
e.preventDefault();
$.ajax({
url: "upload.php", // Url to which the request is send
type: "POST", // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false, // The content type used when sending data to the server.
cache: false, // To unable request pages to be cached
processData:false, // To send DOMDocument or non processed data file it is set to false
success: function(data) // A function to be called if request succeeds
{
$('#message').html = "success";
}
});
}));
});
对于您的upload.php文件：
<?php
$name = $_POST['name'];
$email = $_POST['email'];
//etc depending upon your form inputs. You can store this in your database.
?>
您在PHP中回显的任何内容都可以在js文件中的success:function(data)中获得。
对于HTML文件，您只需要在script tag中包含ajax.js即可。