本文实例为大家分享了商品价格计算的具体代码,利用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 元";

?>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

php购买东西价格代码,利用ajax+php实现商品价格计算相关推荐

  1. 如何用php做商品价格计算表,利用ajax+php实现商品价格计算

    利用ajax和php实现以下页面 index.php 商品价格计算 table { border-collapse: collapse; } tr { text-align: center; } .a ...

  2. Asp.Net 上传大文件专题(4)--利用ajax技术显示上传进度

    ====================================================== 注:本文源代码点此下载 ================================= ...

  3. 使用java做paypal开发时购买东西支付不成功的原因

    使用java做paypal开发时购买东西支付不成功的原因 没有设置网站习惯设定,登陆自己的paypal账户,在网站习惯设定上填写回调的url路径,这样就可以 支付成功了并且异步修改订单的状态. 支付成 ...

  4. 利用ajax.dll进行Ajax的开发2007-07-15 15:38

    利用ajax.dll进行Ajax的开发 2007-07-15 15:38 Asynchronous JavaScript and XML(AJAX)最近掀起的高潮,要完全归功于Google在Googl ...

  5. laravel ajax ip,怎么在Laravel中利用AJAX动态刷新部分页面

    怎么在Laravel中利用AJAX动态刷新部分页面 发布时间:2021-02-17 13:12:43 来源:亿速云 阅读:119 作者:Leah 怎么在Laravel中利用AJAX动态刷新部分页面?很 ...

  6. ajax技术怎么应用程序,利用AJAX技术开发应用程序.pdf

    维普资讯 2008年6月 电 脑 学 习 第3期 利用AJAX技术开发应用程序 蔡燕敏' 摘 要:介绍了AJAx技术的概念.工作原理及使用AJAX技术的基本原则.讨论了AJAx技术在应用程序的开发过 ...

  7. mfa助听器设备能否在android,助听器的蓝牙功能到底有什么用,购买的价格,以及购买时要注意什么等问题...

    这两天和同事聊天,说到最近20年助听器技术重大的突破之一是蓝牙了,对于用户看电视.听音乐刷视频都有非常好的作用.但是很多用户对于蓝牙功能可能还是一知半解,咱们今天就用问答的方式简单介绍一下助听器的蓝牙 ...

  8. 北风网ajax,[T8:JavaScript中利用Ajax实现客户端与服务器端通信北风网收费视频讲座.ppt...

    [T8:JavaScript中利用Ajax实现客户端与服务器端通信北风网收费视频讲座 Ajax简介 XMLHttpRequest对象 综合案例 1.HTTP请求 现在,很多浏览器都可以直接从JavaS ...

  9. 利用Ajax实现DataGrid无刷新分页(AjaxGrid)【转】

    利用Ajax实现DataGrid无刷新分页(AjaxGrid) DataGrid功能强大,我们只用写几行代码就能够实现复杂的页面数据显示.数据多的时候免不了要分页显示,DataGrdi本身自带分页功能 ...

最新文章

  1. 2021年大数据Flink(八):Flink入门案例
  2. bzoj3467: Crash和陶陶的游戏
  3. Java实现文件分割和文件合并实例
  4. mk_trustonic.mk编译脚本
  5. [architecture]-AMRV7和ARMV8中的一些细微差异
  6. Kafka是如何实现高吞吐率的
  7. A Complete Example
  8. WPF实现数据拾取器
  9. 【2018山东省赛 - A】Anagram(贪心,费用流,KM算法)
  10. 服务化改造的云上利器 | 阿里云 EDAS 重大升级发布
  11. java esc的_如何用Java中的Receipt打印机和ESC / POS命令提高速度
  12. LCA(最近公共子序列)
  13. [ 4w字 ] JavaSE总结(基础+高级+多线程+面试题)
  14. 飞猪IP-代理-换IP作用
  15. 计算机桌面设置上时间表,怎么在电脑上安排每天的工作计划?你需要添加一款提醒功能强大的桌面便签软件...
  16. 机器学习十大算法(一)
  17. Matlab:i 和j其实是MATLAB内置函数(built-in function)
  18. 《艺多不压身 艺多不养家》反思
  19. 高等数学-线性代数:特征向量与差分方程的连接
  20. logback官网地址

热门文章

  1. 计算机二级access分数分布_全国计算机等级考试2017年上半年二级ACCESS数据库成绩查询...
  2. Matlab/simulink 风储调频,风电调频,模糊控制,mpc模型预测,虚拟惯性控制,下垂控制。
  3. KVM中的网络IO设备虚拟化方式
  4. notepad++中文简体下载
  5. JZOJ 1775. 合并果子2 (Standard IO)
  6. 关于Vuex的简单理解和使用
  7. WinRAR ActivateRemoveAdvertisement
  8. 点击切换下一页上一页
  9. 蓝桥杯-- 打印 LOGO
  10. PHP http_build_query用法详解