如何使用 Jquery 发送数据答案

【问题标题】：how to send data using Jquery如何使用 Jquery 发送数据
【发布时间】：2013-07-15 14:08:25
【问题描述】：

我刚刚完成了对我的表单的验证，我找到了一个使用 jquery 的教程。唯一缺少的是将数据发送到适当的地址。我该怎么做？

这是我的表单 HTML 代码示例

<form id="register-form">

         <div class="four columns alpha contact-form">

         <label>prefix</label>
         <input type="text"  />
         <label><span class="asterisk">*</span>first name</label>
         <input type="text" name="firstname"/>
         <label><span class="asterisk">*</span>middle name</label>
         <input type="text" name="middlename"/>
         <label><span class="asterisk">*</span>last name</label>
         <input type="text" name="lastname"/>
         <label><span class="asterisk">*</span>email address</label>
         <input type="text" name="email"/>

        </div>
     </form>

这是用于验证表单中数据的 Jquery。

(function($,W,D)
{
var JQUERY4U = {};

JQUERY4U.UTIL =
{
    setupFormValidation: function()
    {
        //form validation rules
        $("#register-form").validate({
            rules: {
                firstname: "required",
                middlename: "required",
                lastname: "required",
                email: {
                    required: true,
                    email: true
                },
                zip: "required",
                city: "required",
                subject: "required",
                message: "required",

                agree: "required"
            },
            messages: {
                firstname: "Please enter your first name",
                middlename: "Please enter your middle name",
                lastname: "Please enter your last name",
                email: "Please enter a valid email address",
                zip: "Please enter your zip code",
                city: "Please state your city",
                subject: "Please state your inquiry",
                message:"Please include a short message"

            },
            submitHandler: function(form) {
                form.submit();
            }
        });
    }
}

//when the dom has loaded setup form validation rules
$(D).ready(function($) {
    JQUERY4U.UTIL.setupFormValidation();
});

})(jQuery, window, document);

我还不擅长 jquery，目前我还在学习。我读过我需要使用这个 .serialize() 来获取数据。不知道我是否正确

【问题讨论】：

标签： jquery html forms validation send

【解决方案1】：

是的，您可以使用serialize() 像这样通过ajax 将表单数据发送到您的脚本

$.ajax({
         type: "POST",
         url: "yourScript.php",
         data: $('#register-form').serialize(),
         success: function(html){
            //do something
         }
       });

您可以在 submitHandler 函数中写下它

submitHandler: function(form) {
                    $.ajax({
                      type: "POST",
                      url: "yourScript.php",
                      data: $('#register-form').serialize(),
                      success: function(html){
                        //do something
                      }
                    });
                    return false;
                }

【讨论】：

我需要创建另一个js文件吗？一个用于验证，另一个用于发送数据？或者我可以将它们编译到一个文件中？
质疑您在代码中插入的 url，是否可以将其替换为电子邮件地址而不是 PHP 文件？我正在看一个教程，其中数据被发送到一个 php 文件并通过使用 if(isset [POST] 或类似的东西来获取
我想要传递的数据或值不会发送到 PHP，而是发送到电子邮件地址。抱歉，如果我没有非常清楚地说明我的目标。我尝试用警报替换评论（做某事），但它似乎无法正常工作嗯
您需要将数据发送到脚本，然后您可以从那里通过电子邮件发送。 success 函数意味着当您的脚本完成执行时，您可以向用户显示成功消息，也可以根据需要执行其他任务

【解决方案2】：

要将数据发送到适当的地址，您必须使用normal post 或ajax 将数据发布到地址

【讨论】：

【解决方案3】：

老兄，你没有“提交按钮”，并且缺少一些表单属性，至少表单标签应该是这样的：

<form id="register-form" name="register-form" action="" method='post'>

action 应该是服务器脚本的 URL

【讨论】：

代码只是示例或一部分。我已经在我的代码中放置了一个提交按钮

【解决方案4】：

AJAX 可以将数据发送到某个地址，（一个 PHP 文件，以防您想将其发送到 SQL 数据库或其他东西）

$("#buttonID").click(function(){ $.ajax({ url: "<something.com/file.php";, data: {username: $(username).val()}, type: "post", success: function(msg){ }); });

【讨论】：

这也是动态的，无需离开页面将数据输入数据库