[英]How to insert data from a dynamic textbox using Ajax and PHP?
我的引導程序模版中有一個動態文本框,但它僅保存第一項。 但是,我嘗試使用本機提交而不使用Ajax,它捕獲所有輸入的數據。 我無法弄清楚我的Ajax代碼出了什么問題。 我只想插入從動態文本框輸入的所有數據,而無需重新加載頁面。 這是我的示例代碼:
<!-- start dynamic fields for parameter -->
<div class="row">
<div class="col-md-12">
<div class="input-group control-group after-add-more">
<?php require 'lab/pardrop.php'; ?> <!--dropdown list for parnam-->
</select>
<input type="text" name="parval[]" class="form-control" id="parval"
placeholder="Value" >
<button class="btn btn-success addmore" type="button" data-
toggle="tooltip" title="Add Parameter">
<i class="glyphicon glyphicon-plus"></i></button>
</div>
</div>
</div>
<!--start hidden fields-->
<div class="row">
<div class="col-md-12">
<div class="copy-fields hide">
<div class="control-group input-group">
<?php require 'lab/pardrop.php'; ?> <!--dropdown list for parnam-->
</select>
<input type="text" name="parval[]" id="parval" class="form-
control" placeholder="Value" >
<button class="btn btn-danger remove" type="button">
<i class="glyphicon glyphicon-remove"></i></button>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-info" type="button" name="btnsamp2"
id="btnsamp2">
</button>
</div>
<!--Ajax code-->
<script>
$(document).ready(function(){
$("#btnsamp2").click(function(){
var parnam=$("#parnam").val();
var parval=$("#parval").val();
$.ajax({
url:'insamp2.php',
method:'POST',
data:{
parnam:parnam,
parval:parval
},
success:function(data){
alert(data);
}
});
});
});
</script>
<!--PHP Code-->
<?php
//insamp2.php
require 'lab/db/dbcon.php';
$num = count($_POST["parnam"]) OR ($_POST["bacnam"]);
$parnam=mysqli_escape_string($con, $_POST['parnam']);
$parval=mysqli_escape_string($con, $_POST['parval']);
if($num > 0){
for($i=0; $i<$num; $i++)
{
if($_POST["parnam"][$i] != '' && $_POST["parval"][$i] )
{
$sql = "INSERT INTO pardtls(parnam,parval) VALUES ('".$parnam[$i]."','".$parval[$i]."')";
mysqli_query($con, $sql);
}
}
echo "Parameter inserted";
}
else
{
echo "Failed inserting data";
}
?>
下面的代碼對所有相關的輸入數組進行序列化,因此它們的值可以傳遞給php處理程序。
您可以使用以下jQuery代碼:
<script>
$(document).ready(function(){
$("button[name='btnsamp2']").click(function(){
$.ajax({
url:'insamp2.php',
method:'POST',
data: $('input[name="parval[]"]').serialize() + '&' + $('input[name="parnam[]"]').serialize(),
success:function(data){
alert(data);
}
});
});
});
</script>
或者 ,您可以將input tags
在<form>
標簽中。
然后使用以下jQuery代碼:
<script>
$(document).ready(function(){
$("button[name='btnsamp2']").click(function(){
$.ajax({
url:'insamp2.php',
method:'POST',
data: $('form').serialize() + '&submit=1',
success:function(data){
alert(data);
}
});
});
});
</script>
您的PHP腳本中存在一些錯誤。 您正在用不好的方式計算傳入的$_POST
變量的元素。
$num = count($_POST["parnam"]) OR ($_POST["bacnam"]); // bad counting.. fixed it in the code below.
並且您在$_POST
數組值上執行mysqli_real_escape_string(..)
,這將導致錯誤,並使所需的值mysqli_real_escape_string(..)
空。
同樣在下面的代碼中添加了正確的插入警報。
試試這個更新的PHP代碼 。
<?php
require 'lab/db/dbcon.php';
$num = isset($_POST['parnam'])?count($_POST['parnam']):0;
$contid=mysqli_escape_string($con, $_POST['contid']);
$sampno=mysqli_escape_string($con, $_POST['sampno']);
$statno=mysqli_escape_string($con, $_POST['statno']);
$statname=mysqli_escape_string($con, $_POST['statname']);
$coltime=mysqli_escape_string($con, $_POST['coltime']);
$parnam=isset($_POST['parnam'])?$_POST['parnam']:array();
$parval=isset($_POST['parval'])?$_POST['parval']:array();
$bacnam=isset($_POST['bacnam'])?$_POST['bacnam']:array();
$bacval=isset($_POST['bacval'])?$_POST['bacval']:array();
$sql="INSERT INTO samp (contid,sampno,statno,statname,coltime) VALUES ('$contid', '$sampno','$statno','$statname','$coltime')";
if ($con->query($sql) === TRUE && $sampno!="" && $statno!="" ) {
echo "Success! Data inserted";
}
else
{
echo "Failed! Please input data!";
}
if($num > 0){
for($i=0; $i<$num; $i++)
{
if($_POST['sampno'] && $_POST["parnam"][$i] != '' && $_POST["parval"][$i] != '' && $_POST["bacnam"][$i] != '' && $_POST["bacval"][$i] != '')
{
$parnam[$i]=mysqli_escape_string($con, $parnam[$i]);
$parval[$i]=mysqli_escape_string($con, $parval[$i]);
$bacnam[$i]=mysqli_escape_string($con, $bacnam[$i]);
$bacval[$i]=mysqli_escape_string($con, $bacval[$i]);
$sql = "INSERT INTO pardtls(sampno,parnam,parval,bacnam,bacval) VALUES ('".$sampno."','".$parnam[$i]."','".$parval[$i]."','".$bacnam[$i]."','".$bacval[$i]."')";
$inserted = mysqli_query($con, $sql);
if($inserted === false){
echo "A record not inserted at index $i ..<br/>\n";
echo mysqli_error($con)."<br/>\n";
}
}
}
}
else
{
echo "Failed! Please input data";
}
?>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.