2015-04-29 47 views
1

观点我有我试图转换为AJAX下面的脚本:转换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表。 在显示数据的实际页面中,我有两个部分和一个从两个表中检索数据的ajax查询。

的检索和显示来自两个表中的数据的Ajax: 这不是的AddItem AJAX:

​​

我的问题是我需要从这两个表中再次使用重新检索和显示我的additem脚本?所以结果会,项目会动态地移动到订单部分?

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

回答

0
php function() 
{ 
$var = $_POST['fieldname']; 
//enter your insert code here..... 
if($query == success) 
    { 
     return "success"; 
    } 
} 

关于Ajax调用

PHP函数

or 

,你所提到的PHP函数来插入数据的PHP文件。

最后显示在AJAX

这就是它的响应。

+0

我的主要问题是如何编写ajax查询?并将变量传递给php文件? 我是否需要再次检索购物车和物品清单,以便更新是动态的?例如,当我从项目列表中添加项目时,它将转到订单表格并显示而不刷新页面? – Elevant

+0

好吧,我得到你需要的东西,但它的所有一起很多需要一些时间来更新 –

+0

让我知道,如果你需要任何额外的信息,因为PHP的初始检索使用AJAX是有点复杂 – Elevant

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 [ 'AAA']; $ var2 = $ _POST ['bbb'];

echo $ var1。 “
”; echo $ var2; 返回“成功”;

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

+0

我使用核心PHP – Elevant