阅读 121

利用ajax+php实现商品价格计算

利用ajax+php实现商品价格计算

这篇文章主要为大家详细介绍了利用ajax+php实现商品价格计算,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了商品价格计算的具体代码,利用ajax和php实现以下页面

index.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
 
<head>
 <meta charset="utf-8" />
 <title>商品价格计算</title>
 <style type="text/css">
 table {
 border-collapse: collapse;
 }
 
 tr {
 text-align: center;
 }
 
 .a4 {
 text-align: right;
 
 /* padding-right: 15px; */
 }
 
 #myDiv {
 color: red;
 }
 
 input {
 border: 0;
 }
 </style>
</head>
 
<body>
 <form action="data.php" method="get">
 <table border="1" bordercolor="#00CCCC" cellpadding="20">
 <tr>
 <th>商品名称</th>
 <th>购买数量(斤)</th>
 <th>商品价格(元/斤)</th>
 </tr>
 <tr>
 <td>香蕉</td>
 <td><input type="text" name="a1" value="0" id="n1" onchange="zongji()" /></td>
 <td>8</td>
 </tr>
 <tr>
 <td>苹果</td>
 <td><input type="text" name="a2" value="0" id="n2" onchange="zongji()" /></td>
 <td>5</td>
 </tr>
 <tr>
 <td>橘子</td>
 <td><input type="text" name="a3" value="0" id="n3" onchange="zongji()" /></td>
 <td>7</td>
 </tr>
 <tr>
 <td colspan="3" class="a4">商品折扣:<span>0.8</span></td>
 </tr>
 <tr>
 <td colspan="3" class="a4">
  <div id="jiage">打折后购买商品总价格: 元</div>
 </td>
 </tr>
 </table>
  
 </form>
  
 <script>
 function zongji() {
 var b1 = document.getElementById("n1").value;
 var b2 = document.getElementById("n2").value;
 var b3 = document.getElementById("n3").value;
 //1.创建对象
 var xmlhttp;
 if (window.XMLHttpRequest) {
 // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
 xmlhttp = new XMLHttpRequest();
 } else {
 // IE6, IE5 浏览器执行代码
 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 //2.判断对象是否准备就绪
 xmlhttp.onreadystatechange = function() {
 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  document.getElementById("jiage").innerHTML = xmlhttp.responseText;
 }
 };
 //3.发出请求
 xmlhttp.open(
 "GET",
 "demo.php?c1=" + b1 + "&c2=" + b2 + "&c3=" + b3,
 true
 );
 xmlhttp.send();
 }
 </script>
</body>
 
</html>

data.php

1
2
3
4
5
6
7
8
9
10
<p>
 <?php
 $d1 = $_GET["c1"];
 $d2 = $_GET["c2"];
 $d3 = $_GET["c3"];
 $sum = (intval($d1) * 8 + intval($d2) * +intval($d3) * 7) * 0.8;
 // $sum=$a1*7.99+$a2*6.89+$a3*3.99;
 echo "打折后购买商品总价格: $sum 元";
 ?>
</p>

以上就是本文的全部内容,希望对大家的学习有所帮助

原文链接:https://blog.csdn.net/bealei/article/details/115333839

文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐