php - 使用 Ajax 计算字段

Question

我有一个表格，客户可以在其中获得具有产品值(value)(不含税)的礼券并输入产品编号 12345，然后选择要寄送的地址，然后必须付款存储在数据库中的金额用于运送产品并对其加税并显示总金额。

所以我有两个引用点。首先是通过 ajax 完成的项目查找

<input type="text" size="30" id="item_number" />
<input type="submit" name="submit" class="button" id="submit_btn" value="Search" onClick="showResult(item_number.value)" />

假设从 mysql 表中的“运费”列返回的金额为 10.00 美元，产品金额为 100 美元。

然后我有第二部分，它根据选定的省份列表提取税收

<div class="right">
            <select class="element select medium" input id="ship_province" name="ship_province" onchange="showTax(this.value)">
            <option value="" selected="selected"></option>
            <option value="bc">British Columbia</option>
            <option value="alb">Alberta</option>
            <option value="sas">Saskatchewan</option>
            <option value="man">Manitoba</option>
            <option value="ont">Ontario</option>
            <option value="que">Quebec</option>
            <option value="nfl">Newfoundland & Labrador</option>
            <option value="nov">Nova Scotia</option>
            <option value="nwb">New Brunswick</option>
            <option value="pei">Prince Edward Island</option>
            <option value="ykn">Yukon</option>
            <option value="nwt">Northwest Territories</option>
            <option value="nun">Nunavut</option>
            </select>
            <label for="ship_province">Province</label>
        </div>

假设返回率为 13%。

我可以轻松地将这些值返回到各个字段旁边的 div 中，并将其用于项目查找部分

function showResult(str)
{
if (str=="")
  {
  document.getElementById("description").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("description").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getitem.php?sku="+str,true);
xmlhttp.send();
}

和各省的类似功能。我遇到的问题是 1. 在“描述”以外的其他部分显示这些值，以及 2. 计算价格、运费和税费的值。

我想做的是生成一个小表格，其中显示运费 ($10.00)、产品价格 ($100.00)、代金券信用额度(这只是产品的价格)、税费按产品价格 + 运费计算。

 100 - $item_description
(100) - $voucher_credit
  10 - Shipping
  13% - Tax
--------
24.30

我不知道如何做的是在提交带有付款信息的表格之前在同一页面上处理所有这些。我可以在 php 中轻松完成此操作，但我必须将其加载到下一页，然后运行脚本。我对ajax不是很熟悉。

任何帮助将不胜感激

Answer 1

我不明白你的问题到底是什么，但是你可以实现它的方式可能是这样的:

1) 客户查找产品(服务器返回产品描述)

2) 客户选择省份

3) 现在对服务器进行 Ajax 调用(例如:calculateOrder.php)。作为参数，您传递产品 ID、省份。

4) 服务器返回一个结果集，其中包含您想要的所有数据(不含税价格、含税价格、运费、按不含税价格+税+运费计算的总价)。一件重要的事情:在服务器端进行所有计算，而不是在客户端!!!

5) 在浏览器中显示接收到的结果

6) 用户通过点击浏览器中的按钮确认订单，现在浏览器将数据(产品、省份)发送到服务器(到 submitOrder.php)。服务器执行与步骤 4) 相同的操作，但这次，服务器将订单和任何需要的信息存储在数据库中。重要提示:不要将价格和税金从客户端传递到服务器。让服务器计算这个值，否则有可能作弊!例如，我可以向服务器发送价格为 0.01 美元的订单 :-)