從動態jQuery表單向數據添加數據

Question

我試圖從jQuery的動態表單插入數據到MySQL。爲了記錄，我正在使用Twitter Bootstrap。 我實際上實現了插入「行」但沒有數據。我現在發現的最好的幫助是這個​​用於插入到MySQL和here到jQuery腳本。

提前感謝您花時間爲此。

文件：add.php

<form action="../reglas/insert.php" method="post" class="form-horizontal"> 
<div class="container"> 
<div id="content"> 
<div class="row"> 

<a class="add_line btn btn-small" href="#" style="margin-left:5px">+</a> 
</div> 

<br> 
</div> 



</div> 

</div> 
</div> 

<div style="margin:20px auto; width:80px;"> 

<input class="btn btn-success" type="submit" value="Guardar"> 
</div> 

</form> 


<script> 
$("#content").delegate(".add_line", "click", function() { 
var content = '<div class="row">' + 

        '<div class="span3"><div class="input-append"><input type="text" class="span2 text-right" placeholder="0.00" id="enganche" name="enganche" value="" /><span class="add-on">%</span></div></div>' + 
        '<div class="span3"><div class="input-append"><input type="text" class="span2 text-right" placeholder="0.00" id="comision" name="comision" value="" /><span class="add-on">%</span></div></div>' + 
        '<div class="span3"><div class="input-append"><input type="text" class="span2 text-right" placeholder="0.00" id="r1" name="r1[]" value="" /><span class="add-on">%</span></div></div>' + 

        '<div class="span2"><div class="input-append"><input type="text" class="span1 text-right" placeholder="0.00" id="r2" name="r2[]" value="" /><span class="add-on">%</span></div></div>'+ 

        '<a class="del_line btn btn-small" href="#" style="margin-left:5px">-</a>&nbsp;' + 
        '<br><br>'+ 

        '</div>'; 
$("#content").append(content); 
return false; 
}); 

$("#content").delegate(".del_line", "click", function() { 
$(this).parent().remove(); 
return false; 
}); 
</script> 

文件：insert.php

的連接：

$con=mysqli_connect("$host","$username","$password","$db_name"); 
mysqli_autocommit($con, false); 

$flag=true; 

查詢：

$query=" 
INSERT INTO $tbl_name(
the_input, 
) 
VALUES (
'$the_input', 
)"; 

的 「for」：

for ($i = 0; $i < count($_POST['the_input']); $i++) { 
$the_input = $_POST['the_input'][$i]; 


$result = mysqli_query($con, $query); 
if (!$result) { 
$flag = false; 
echo "Error details: " . mysqli_error($con). ". "; 
} 
} 
if ($flag) { 
mysqli_commit($con); 
echo "Done!"; 
} 

mysqli_close($con); 

?> 

Answer 1

歐凱dokey。

首先第一件事情：

$.delegate()已被棄用所以，除非你正在使用的版本是< jQuery的1.7（這是許多年前的版本），你應該遷移到$.on()事件粘合劑/委託功能。這將確保你的代碼是面向未來的

其次（至少要等到他們再次更改API！）：

我假設你已經在表單標籤包裹你的數據和值實際上是越來越發送到這裏的接收頁面是我該怎麼做：

if(isset($_POST['the_input'])) 
{ 
    //create connection object; 
    $mysqli = new mysqli($host,$username,$password,$db_name); 

    $query = "INSERT INTO `the_input` VALUES ("; 

    //construct the query. Get the the_input data and paramater string (required for stmt binding) 
    foreach($_POST['the_input'] as $value) 
    { 
     $query .= $value . ","; 
    } 

    //remove trailing comma 
    $query = substr($query, 0, strlen($query)-1); 
    $query .= ")"; 

    //this is just so you can see what the loop did and test the output of the query, remove this when you're confident 
    echo "The constructed query string is: " . $query 

    if($mysqli->query($query) == false) 
    { 
     trigger_error($mysqli->error); 
    } else { 
     echo "Success! Check the DB!"; 
    } 

} else { 
    Echo "No POST data was recieved"; 
}