Js,Ajax,Json - 如何不从自动完成中将“数组”插入到数据库中

时间:2014-09-10 15:05:31

标签: javascript php jquery ajax json

我正在构建一个小脚本,它将根据第一个输入字段的自动完成功能自动填充少量输入字段。

我有脚本工作,但是当我点击提交按钮时,一切似乎都没问题,但是当我查看数据库以查看插入的内容时,所有字段都插入了"数组"而不是应该插入的东西。在自动完成,我可以看到该字段正在使用正确的信息字段,但我想php并不了解它是什么,并插入"数组"代替。

任何想法如何解决?

我的表格:

<form action="job_post.php" method="post">
                    <div class="form-group has-success col-md-3">
                    <label class="control-label" for="inputSuccess1">First Name: </label>
                    <input type='text' id='firstname' name='firstname[]'/>
                </div>
                <div class="form-group has-success col-md-3">
                    <label class="control-label" for="inputSuccess1">Last Name: </label>
                    <input type='text' id='lastname' name='lastname[]'/>
                </div>
                <div class="form-group has-success col-md-3">
                    <label class="control-label" for="inputSuccess1">Age: </label>
                    <input type='text' id='age' name='age[]'/>
                </div>
                <div class="form-group has-success col-md-3">
                    <label class="control-label" for="inputSuccess1">Company Name: </label>
                    <input type='text' id='CoName' name='CoName[]'/>
                </div>

<input type="submit">
</form>

我的job_post.php

<?php

require_once 'db_connect.php';

$firstname=$_POST['firstname'];
$lastname=$_POST['lastname'];
$age=$_POST['age'];
$CoName=$_POST['CoName'];

$qry=mysql_query("INSERT INTO jobs (FirstName, LastName, Age, CoName)
VALUES ('$firstname', '$lastname', '$age', '$CoName')", $con);
if(!$qry)
{
mysql_close($con);
die("Query Failed: ". mysql_error());
}

else
{
mysql_close($con);
header("Location:index.php");
}

mysqli_close($con);
?>

我的Js:

$('#firstname').autocomplete({
                    source: function( request, response ) {
                        $.ajax({
                            url : 'ajax.php',
                            dataType: "json",
                            data: {
                               name_startsWith: request.term,
                               type: 'firstname',
                               row_num : 1
                            },
                             success: function( data ) {
                                 response( $.map( data, function( item ) {
                                    var code = item.split("|");
                                    return {
                                        label: code[0],
                                        value: code[0],
                                        data : item
                                    }
                                }));
                            }
                        });
                    },
                    autoFocus: true,            
                    minLength: 2,
                    select: function( event, ui ) {
                        var names = ui.item.data.split("|");
                        console.log(names[1], names[2], names[3]);                      
                        $('#lastname').val(names[1]);
                        $('#age').val(names[2]);
                        $('#CoName').val(names[3]);
                    }               
                  });

我的Ajax:

<?php
/*
Site : http:www.smarttutorials.net
Author :muni
*/
require_once 'db_connect.php';

if($_GET['type'] == 'firstname'){
    $row_num = $_GET['row_num'];
    $result = mysql_query("SELECT FirstName, LastName, Age, CoName FROM jobs where FirstName LIKE '".strtoupper($_GET['name_startsWith'])."%'");    
    $data = array();
    while ($row = mysql_fetch_array($result)) {
        $name = $row['FirstName'].'|'.$row['LastName'].'|'.$row['Age'].'|'.$row['CoName'].'|'.$row_num;
        array_push($data, $name);   
    }   
    echo json_encode($data);
}


?>

它确实提取数据,但我希望通过提交按钮将其插入数据库。

任何帮助都非常感谢。

2 个答案:

答案 0 :(得分:0)

更新信息

然后将变量放在您现在拥有的查询中。

Page redone:

 <?php

    require_once 'db_connect.php';

    $firstname = $_POST["firstname"][0];
    $CoName = $_POST["CoName"][0]; 

    /*
     * Last Name and Age are not in the array, I removed them from the query 
     * however you need to place them in the array if you wish to add them
     */

    $qry=mysql_query("INSERT INTO jobs (FirstName, CoName)
        VALUES ('$firstname', '$CoName')", $con);

    if(!$qry) {
        mysql_close($con);
        die("Query Failed: ". mysql_error());
    } else {
        mysql_close($con);
        header("Location: index.php");
    }

    ?>

再次更新,误读数组。

答案 1 :(得分:0)

确保你获得单个记录,对于你的sql中的这个使用限制1(不太好主意)。否则循环返回数组以进行多次插入。在插入使用print_r($_POST);之前,看看你想要插入什么。