使用ajax将PHP查询转换为AJAX查询和更新视图

时间:2015-04-29 06:25:12

标签: php ajax

我有以下脚本,我试图转换为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会动态移动到订单部分吗?

我希望这是有道理的。 谢谢你们

2 个答案:

答案 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)

            领域1             
            领域2             
                 
<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 ;;

这是它应该如何工作但实际上我是在使用框架