php - 将外部 php 加载到工具提示 div 中

Question

我有一个带有简单联系表单的工具提示，我想将“发送的消息”int 加载到同一个工具提示 div，而不是加载外部 submit.php 页面。

<div id="contactform" >        
            <form method="post" action="submit.php">
            <label for="Name">name</label><br />
            <input type="text" name="Name" id="name" /><br />

            <label for="Email">email</label><br />
            <input type="text" name="Email" id="email" /><br />

            <input type="submit" name="submit" value="send" class="submit" id="submit"/>
            </form>
    </div>

Answer 1

如果我理解正确的话，你可能需要一个 AJAX 请求。您阻止提交按钮的默认操作，发送 Ajax 请求并在成功时将您的成功消息（“已发送消息”）插入表单 div。

Answer 2

你可以通过两种方式做到这一点：

1）像这样使用你的表格<form method="post" action="">。然后在你的 php 中你必须捕获提交动作，所以你必须

if($_POST['submit'] == 'send') then write my html code into tooltip div
else show contact form

当用户单击提交按钮时，此方法需要重新加载页面，我鼓励您使用第二种方法。

2）使用AJAX发送您的联系表格，提交后您可以执行javascript代码..

Answer 3

将此添加到您的header：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

jQuery

$(document).ready(function()
{
    $('#contactform form').submit(function()
    {
        var dataString=$(this).serialize();

        $.post('/ajax/submit.php', dataString, function(txt)
        {
            $('#contactform').html(txt);
        });

        return false;
    });
});

jQuery.post()

PHP (/ajax/submit.php)

<?php

if($_POST['submit'] == 'send')
{
    /* your PHP code */

    echo 'Your message was sent.';
}

?>