Question

我有一个工具提示，其中包含一个简单的联系表单，我想加载＆＃34;发送的消息＆＃34; 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.';
}

?>

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

3 个答案: