0

所以，正如标题所说，我需要一些关于如何进行交互 jquery、ajax 和 php 的说明，以实现表单提交和其他控件。

这是我第一次将 jquery、ajax 和 php 一起使用的网络体验，当然，我也遇到了一些问题。

我描述了我正在尝试做的事情。

基本上，我有一个带有注册表单的索引页：

<form id="formRegistration" action="registration_success.php" method="post">
    <p id="ptxtFullName">
        <input id="txtFullName" name="txtFullName" class="textbox" placeholder="Insert you full name" type="text" />
    </p>

    <p id="pTxtEmail">
       <input id="txtEmail" name="txtEmail" class="textbox" placeholder="Insert an email" type="text" />
    </p>

    <p id="pTxtPassword">
    <input id="txtPassword" name="txtPassword" class="textbox" placeholder="Choose a password" type="password" />
    </p>

    <p id="pTxtPasswordConfirmation">
    <input id="txtPasswordConfirmation" name="txtPasswordConfirmation" class="textbox" placeholder="Confirm your password" type="password" />
    </p>

    <p id="pBtnRegistration">
    <input id="btnRegistration" type="submit" value="Register!" />
    </p>
</form>

然后，我有一个 jquery 文件，它执行所有输入验证的事情（如果输入正确或不正确，会产生一些影响，以及类似的事情），并且，如果验证顺利，则进行 ajax 调用。这只是一个示例，我不会发布整个文件，因为它非常庞大：

jQuery(document).ready(function($) {
$(function() {

            var $fullName = $("input[name='txtFullName']");
            var $email = $("input[name='txtEmail']");
            var $password = $("input[name='txtPassword']");
            var $passwordConfirmation = $("input[name='txtPasswordConfirmation']");

    $("#btnRegistration").click(function() {
        //Validation controls and effects.
    });

    return true;

    });

    $.ajax({
            type : "POST",
            url : "process_registration.php",
            data : "fullName", "email", "password",
            dataType : "HTML",
            success : function() {
                alert("Ok");
            },
            error : function() {
                alert("Error");
            }
        });

});

请注意，jquery 文件，当我添加 ajax 调用时，它会停止工作，而如果我不添加 ajax 调用，它会完美运行。

然后，这是我的 php 文件，名为 process_registration.php，它应该控制电子邮件是否已在使用中，然后将经过验证的输入数据插入 MySQL 数据库：

<?php

需要'db_connection.php'；

$fullName = isset($_POST["fullName"]);
$email = isset($_POST["email"]);
$password = isset($_POST['password']);

$sql = mysql_query("SELECT * FROM utente WHERE mail = '$email'") or die("Email already in use");

$num_rows = mysql_num_rows($sql);

if ($num_rows == 0) 
{
    $password_md5 = md5($password);

    mysql_query("INSERT INTO user (Full_Name , Email, Password) VALUES
               ('$fullName', '$email', '$password_md5')") OR DIE(mysql_error());
}

就这样。

显然它不起作用。

也许我在这件事上采用了完全错误的方法？

提前感谢您的好意和您的回答。

4

2 回答 2

0

ajax 调用中的数据属性应该是一个对象。

data : {
    "fullName" : fullName,
    "email" : email
}
于 2013-04-07T02:18:54.860 回答
0

尝试使用这个：

jQuery(document).ready(function($) {
    $('#formRegistration').submit(function() {
        e.preventDefault();

        // Perform form validation here and return from this function
        // if you do not want to submit the form.

        $.ajax({
            type : "POST",
            url : "process_registration.php",
            data : $(this).serialize(),
            dataType : 'html',
            success : function() {
                alert("Ok");
            },
            error : function() {
               alert("Error");
            }
        });
    });
});

这将注册一个事件处理程序，该处理程序在将要提交表单时被调用。调用e.preventDefault()阻止常规表单提交。然后处理程序通过 ajax 发布表单。

但是，您必须更改输入元素的名称，因为它们需要与您的 PHP 代码正在寻找的名称相匹配（例如，将“txtFullName”更改为“fullName”）。

于 2013-04-07T02:20:10.280 回答