使用JQuery在MYSQL中插入数据

时间:2017-02-15 12:49:25

标签: javascript php jquery mysql

我有一个程序可以在MYSQL中成功地将数据插入到我的表中。我遇到的问题是当我在MySQL中添加另一个字段并同样在我的代码中添加另一个表单时,它不添加该添加的字段。

简单地说,这就是场景:我有三个字段:姓氏,名字和电子邮件。这三个可以成功添加,但是当我添加另一个字段,比如说中间名时,程序仍然添加但是不添加中间名。

这是我的代码:index.php(添加部分)

<div class="modal-body">
            <div class="form-group">
                <label for="first_name">First Name</label>
                <input type="text" id="first_name" placeholder="First Name" class="form-control"/>
            </div>

             <div class="form-group">
                <label for="middle_name">Middle Name</label>
                <input type="text" id="middle_name" placeholder="Middle Name" class="form-control" required />
            </div>

            <div class="form-group">
                <label for="last_name">Last Name</label>
                <input type="text" id="last_name" placeholder="Last Name" class="form-control"/>
            </div>

            <div class="form-group">
                <label for="genderlabel">Gender</label>
                 <select class="form-control" id="gender">
                   <option value="Male">Male</option>
                   <option value="Female">Female</option>
                 </select>
           </div>

            <div class="form-group">
                <label for="email">Email Address</label>
                <input placeholder="Email Address" type="text" class="form-control" id="email"/>
            </div>

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
            <button type="button" class="btn btn-primary" onclick="addRecord()" name="add">Add Record</button>
        </div>

..这是我的addRecord.php(查询)

if(isset($_POST['first_name']) && isset($_POST['last_name']) && isset($_POST['email']))
{
    include("db_connection.php");
    // get values 
    $first_name = $_POST['first_name'];
    $last_name = $_POST['last_name'];
    $email = $_POST['email'];
    $middle_name = $_POST['middle_name'];

    $query = "INSERT INTO users(first_name, last_name, email, middle_name) VALUES ('$first_name','$last_name','$email', '$middle_name')";
    if (!$result = mysql_query($query)) {
        exit(mysql_error());
    }
    echo "Record Added!";
}

注意:在if语句中,当我添加(isset($_POST['middle_name'])时,整个程序不起作用。

..最后是随附的JavaScript文件script.js

function addRecord() {
// get values
var firstname = $("#first_name").val();
var middlename = $("#middle_name").val();
var last_name = $("#last_name").val();
var email = $("#email").val();

// Add record
$.post("ajax/addRecord.php", {
    //name of field: variable name
  first_name: firstname,
 middle_name: middlename,
  last_name: last_name,
  email: email
}, function (data, status) {
    // close the popup
    $("#add_new_record_modal").modal("hide");

    // read records again
    readRecords();

    // clear fields from the popup
    $("#first_name").val("");
    $("#middle_name").val("");
    $("#last_name").val("");
    //$("#gender").val("");
    $("#email").val("");
});

}

我希望有人可以帮助我,我已经有两天没有进展了 我想要发生的是程序将允许输入多个字段。

我正在使用Bootstrap 3.3.5-dist,JavaScript(我想我已经在使用JQuery)和XAMPP v.3.2.1

0 个答案:

没有答案