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

利用ajax和php实现以下页面

index.php

商品价格计算

table {

border-collapse: collapse;

}

tr {

text-align: center;

}

.a4 {

text-align: right;

/* padding-right: 15px; */

}

#myDiv {

color: red;

}

input {

border: 0;

}

商品名称	购买数量(斤)	商品价格(元/斤)
香蕉		8
苹果		5
橘子		7
商品折扣：0.8
打折后购买商品总价格: 元

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();

}

data.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 元";

?>