利用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 元";

?>

(资源库 www.zyku.net)

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

如何用php做商品价格计算表,利用ajax+php实现商品价格计算相关推荐

  1. php购买东西价格代码,利用ajax+php实现商品价格计算

    本文实例为大家分享了商品价格计算的具体代码,利用ajax和php实现以下页面 index.php 商品价格计算 table { border-collapse: collapse; } tr { te ...

  2. 如何用python做后端写网页-flask框架

    如何用python做后端写网页-flask框架 什么是Flask 安装flask模块 Hello World 更深一步:数据绑定 后端传入数据 从前端获取数据 数据库连接 screen 创建后台 查看 ...

  3. python用中文怎么说-如何用Python做中文分词?

    打算绘制中文词云图?那你得先学会如何做中文文本分词.跟着我们的教程,一步步用Python来动手实践吧. 需求 在<如何用Python做词云>一文中,我们介绍了英文文本的词云制作方法.大家玩 ...

  4. html怎么让图片重叠_PS倒影效果怎么做,如何利用PS给产品制作倒影

    PS倒影效果怎么做,如何利用PS给产品制作倒影:http://duoduoxuexi.com/a/psjc/psjq/2020/0807/386.html 我们通过下面这图的这对化妆品对比度我们可以发 ...

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

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

  6. html中ajax检测用户名实例,利用Ajax检测用户名是否被占用的完整实例

    适合人群:Ajax和jQuery入门 采用Ajax实现用户名验证 使用jQuery给出提示信息 用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没有实现,给大家做个简单普及. pa ...

  7. 用python做舆情分析系统_如何用Python做舆情时间序列可视化?

    如何批量处理评论信息情感分析,并且在时间轴上可视化呈现?舆情分析并不难,让我们用Python来实现它吧. 痛点 你是一家连锁火锅店的区域经理,很注重顾客对餐厅的评价.从前,你苦恼的是顾客不爱写评价.最 ...

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

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

  9. 利用Ajax爬取今日头条头像,街拍图片。关于崔庆才python爬虫爬取今日头条街拍内容遇到的问题的解决办法。

    我也是初学爬虫,在看到崔庆才大佬的爬虫实战:爬取今日头条街拍美图时,发现有些内容过于陈旧运行程序时已经报错,网页的源代码早已不一样了.以下是我遇到的一些问题. 1.用开发者选项筛选Ajax文件时预览看 ...

最新文章

  1. .net实现跨页面传值
  2. 如何转换VMware ESX虚拟机到Hyper-V格式?
  3. ESFramework网络通信框架介绍之(3)――消息处理器和处理器工厂
  4. 【图像分割模型】多感受野的金字塔结构—PSPNet
  5. Mac OS 软件包管理器Homebrew
  6. 输出任意一元二次函数的结果值
  7. 【Vulnhub靶机系列】DC3
  8. 退休老人有30万资金,如何存款最安全?
  9. spring 4.3.x_如何在Spring 3.x中使用事件
  10. java c语言 实现des算法_C语言实现DES算法
  11. XSS-Game level 13
  12. manjaro 安装mysql_manjaro安装mysql5.7
  13. 智能优化算法:龙格-库塔优化算法 - 附代码
  14. numpy下载失败解决方法
  15. 《从0到1》读书笔记第10章“打造帮派文化”第1记: PayPal黑帮花名册
  16. 11.2.1 绝对值函数
  17. c++ Win x64 注册表操作
  18. 数据结构笔记:选择排序
  19. SQL数据库修复例子
  20. 顶层Makefile学习记录

热门文章

  1. 违章查询BUG闲聊篇
  2. 齿轮箱常见故障数据_[转载]齿轮箱常见故障及预防措施
  3. Android 时间倒计时
  4. 金蝶EAS Web端在线打包
  5. python获取渲染之后的网页_使用Pyppeteer抓取渲染网页
  6. 【报告分享】2020中国新茶饮行业发展白皮-沙利文喜茶(附下载)
  7. sci论文格式有什么要求!
  8. How to install Bromine3 RC2
  9. 厉害了!华为发布全球首款AI-Native数据库,挑战甲骨文
  10. 常见的游戏音乐风格编曲普及