使用jquery和PHP发布表单值

Post form values using jquery and PHP

本文关键字：表单 布表单 jquery PHP 使用      更新时间：2023-09-26

我试图使用PHP向电子邮件发送一个简单的表单，但无法使实际的ajax函数工作。

这是形式：

<form id="quick-booking-form" method="post" action="#">
                    <input type="text" name="mail" id="mail">
                    <textarea name="message" id="message">
                    </textarea>
                    <input type="submit" value="Send the Message" id="SendTheForm">
                </form>

然后将其发送到一个单独的Javascript函数，该函数包含ajax：

$(function() {  
            //alert("page loaded");
            $('#quick-booking-form').submit(function(event) {
                event.preventDefault();
                alert("Start of function");
                var mail = $("#mail").val();
                var message = $("#message").val();
                alert("Mail: " + mail + " Message: " + message);
                $.ajax({
                    type: "POST",
                    url:"process.php",
                    data:{ 
                        "mail": mail,
                        "message": message, 
                        },
                    dataType: "text"
                }).success(function(result){
                    alert(result);
                    //next line: end of function
                    }) ;
                //next line: end of ajax
            });
        //next line: end of script
        });

它应该将数据发送到这个PHP文件（process.PHP）：

$msg = $_POST['message'];
                $UserName = $_POST['mail'];
                $contact = "Booking Manager";
                $reply = "web-bookings@thesite.net";
                //Subject is always...
                $subject = "A message from ".$UserName;
                $from = $reply;
                //test data
                //$contactDetails = "test@test.net";

                // send message
                $message = "Message reads: ".$msg;
                //$to = "notify@test.com";
                $to = $_POST['mail'];
                //$headers = "From: " . $contact."'r'n"."Reply-To:".$reply;
                $headers = "From: " . $contact;
                mail($to, $subject, $message, $headers);
                echo "Mail Sent.";

应该做的是提交表格。然后在validate.js中对其进行验证（省略代码）。如果通过，表单数据将发送到process.phpnotify@test.com。

当前发生的情况是alert("Start of Function")触发，显示正确值的警报也会触发。

这是目前为止的情况。邮件功能似乎没有启动，最后一个警报也没有显示。

你是对的，但有些变化，试试这个

$(function() {  
//alert("page loaded");
$('#quick-booking-form').submit(function(event) {
    event.preventDefault();
    alert("Start of function");
    var mail = $("#mail").val();
    var message = $("#message").val();
    alert("Mail: " + mail + "Message: " + message);
    $.ajax({
        type: "POST",
        url:"process.php",
        data:{ 
            "mail": mail,
            "message": message, 
            },
        dataType: "text",
        success: function(html) {
           alert(html);
        }
    });
    return false;
    //next line: end of ajax
    });
    //next line: end of script
  });

对ajax使用preventDefault函数和success，而不是完成

试试这个包括JQUERY库

HTML:

<form id="quick-booking-form" method="post" action="javascript:return false">
email:
<input type="text" name="mail" id="mail">
<br/>
message: <textarea name="message" id="message">
</textarea><br/>
<input type="submit" value="Send the Message" id="SendTheForm">
</from>

脚本：

$(function() {  
    //alert("page loaded");
    $('#quick-booking-form').submit(function(event) {
        var mail = $("#mail").val();
        var message = $("#message").val();
        if(mail==""){
            alert("enter Mail"); return false;
         }
        if(message==""){
            alert("enter message"); return false;
         }
        $.ajax({
            type: "POST",
            url:"process.php",
            data:{ 
                "mail": mail,
                "message": message, 
                },success:function(result){
                    alert(result);
                 }
        });
    //next line: end of ajax
    });
//next line: end of script
});

process.php：

$to =$_POST['mail'];
$subject = "Test mail";
$message =$_POST['mesage'];
$from = "bookings@test.net";
$headers = "From:" . $from;
mail($to,$subject,$message,$headers);
echo "Mail Sent.";
相关文章：