我有以下脚本,我试图转换为AJAX:
HTML:
<form action="php/additem.php" method="post" class="form-inline pull-right">
<h4>'.$row['itemName'].'</h4><input id="itemname" type="hidden" name="itemName" value="'.$row['itemName'].'">
<h3>$'.$price.'</h3><input id="price" type="hidden" name="pricetotal" value="'.$price.'">
<img src="../wholesale/img/sourdough.jpg" class="img-reponsive">
<p>'.$row['description'].'</p><input id="description" type="hidden" name="description" value="'.$row['description'].'">
<div class="form-group">
<label class="sr-only" for="exampleInputAmount">Qty</label>
<div class="input-group">
<input id="qty" type="number" name="qty" class="form-control" id="exampleInputAmount" placeholder="How Many?">
</div>
</div>
<button type="submit" id="additem" class="btn btn-primary">Add</button>
</form>
PHP:
session_start();
include('db_config.php');
$date = date("Y-m-d");
$itemname = $_POST['itemName'];
$description = $_POST['description'];
$qty = $_POST['qty'];
$price = $_POST['pricetotal'] * $qty;
$id = $_SESSION['customer_id'];
$sql = "INSERT INTO orders (deliveryDate, customerId, itemName, qty, price) VALUES (?, ?, ?, ?, ?)";
$stmt = $conn->prepare($sql);
$stmt->execute(array($date, $id, $itemname, $qty, $price));
现在这个脚本将从ITEM表添加到ORDERS表。 在显示数据的实际页面中,我有2个部分和一个从两个表中检索数据的ajax查询。
从两个表中检索并显示数据的Ajax: 这不是additem AJAX:
$(document).ready(function(){
$('.date-picker').change(function(){
$.ajax({
type: 'POST',
url: 'php/getproduct.php',
data: {dateorderpicker: $('.date-picker').val()},
dataType: 'JSON',
success: function(data)
{
$("#cartrow").html(data.result_1);
$("#otheritems").html(data.result_2);
}
});
});
});
我的问题是我是否需要使用我的additem脚本再次从这两个表中重新检索和显示?那么结果会是,item会动态移动到订单部分吗?
我希望这是有道理的。 谢谢你们
答案 0 :(得分:0)
php function ()
{
$var = $_POST['fieldname'];
//enter your insert code here.....
if($query == success)
{
return "success";
}
}
在ajax上调用
php函数
or
.php文件,其中提到了插入数据的php函数。
最后在ajax上显示响应
就是这样。
答案 1 :(得分:0)
<script type="text/javascript">
jQuery(document).ready(function(){
$("#submit").on(submit,function(){
$.ajax({
type: 'POST',
url: 'test2.php',
data: $(this).serialize(),
dataType: "html",
success: function(response)
{
alert(response);
}
})
return false;
});
});
</script>
行动页
$ var1 = $ _POST [&#39; aaa&#39;]; $ var2 = $ _POST [&#39; bbb&#39;];
echo $ var1。 &#34;
&#34 ;;
echo $ var2;
返回&#34;成功&#34 ;;
这是它应该如何工作但实际上我是在使用框架