一个页面好几个地方调用ajax,如何使用一个jquery ajax调用来更新页面上的多个区域?...

2023-11-17

我目前正在使用jQuery,Ajax和PHP实现购物车,并且大部分工作正在进行。然而,我目前卡在如何更新购物车页面内容时,我更新购物车,因为此刻我返回的HTML更新侧栏中的购物车区域(工作正常)。如何使用一个jquery ajax调用来更新页面上的多个区域?

所以我的问题是如何更新表格,同时在网站的主要内容区域显示所有的购物车项目?

我的jQuery(用于更新车):

$('.update_cart').submit(function (e) {

e.preventDefault();

$.ajax({

cache: false,

url: 'inc/shopping_bag.php',

data: $(this).serialize() + '&action=update',

type: 'POST',

success: function(html) {

$('#shopping-bag p').html(html);

}

});

});

我的PHP更新:

elseif (!empty($action) && $action == 'update') {

if (is_array($_POST['item_qty'])) {

foreach ($_POST['item_qty'] as $key=>$quantity) {

$quantity=ceil($quantity);

if ($quantity==0) {

unset($_SESSION['basket'][$key]);

} else {

$_SESSION['basket'][$key]['item_qty']=$quantity;

}

}

}

update_basket();

}

function update_basket() {

foreach ($_SESSION['basket'] as $array)

{

$totalItems+=$array['item_qty'];

$cost=$array['item_qty']*$array['unit_price'];

$total+=$cost;

}

echo 'Shopping Bag
'.$totalItems.' Items
£'.sprintf("%01.2f", $total);

}

我的购物车页面(对不起有点长):

Shopping Bag

<?php if (count($_SESSION['basket']) > 0) { ?>

QuantityItemUnit PriceTotal 

$total=0;

$count=0;

foreach ($_SESSION['basket'] as $array)

{

$check_id = substr($array['item_id'], 0, 5);

$cost=sprintf("%01.2f", $array['item_qty']*$array['unit_price']);

$total+=$cost;

if (!empty($array['image'])) {

if (file_exists($array['image'])) {

$image_path = $array['image'];

} else {

$image_path = 'missing image';

}

} else {

$image_path = 'missing image';

}

$image = getImagesize($image_path);

$dimensions = imgResize($image[0], $image[1], 80);

if ($check_id=='parts') {

?>

<?php%20echo%20%24image_path;%20?> alt="Diesel Injector Image" />

<?php echo $array['category']; ?> Injector

Part No: <?php echo $array['item_name']; ?>

£<?php echo str_replace("£ ","",$array['unit_price']); ?> £<?php echo $cost; ?> Remove Item

} if ($check_id=='prods') { ?>

<?php%20echo%20%24image_path;%20?> alt="Diesel Product Image" />

Product Code: <?php echo $array['item_name']; ?>

£<?php echo sprintf("%01.2f", $array['unit_price']); ?> £<?php echo $cost; ?> Remove Item

$count++;

} ?>

You have no items in your shopping bag

任何帮助非常感谢,谢谢。

+0

你究竟想在桌上做什么?隐藏该行或将其标记为已添加?提供更多详情 –

2012-03-10 10:17:53

+0

对不起,你是对的我应该更具体。如果数量发生变化并点击“更新包”,或者如果项目被移除,则更新数据表中每个产品的数量和价格。我的问题是不这样做,但如何做到这一点,以及更新侧边栏中的购物车格。 –

2012-03-11 06:21:10

+1

使用JSON作为响应而不是HTML。所以你应该有这样的:'response = [{product:'a',price:1},{product:'b',price:2},...]',所以你可以重新使用它。 –

2012-03-11 08:59:18

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

一个页面好几个地方调用ajax,如何使用一个jquery ajax调用来更新页面上的多个区域?... 的相关文章

  • 从零开始开发自己的类keras深度学习框架7:简易版word2vec

    认真学习 佛系更博 前面几章基本介绍了全连接神经网络和卷积神经网络的原理已经开发过程 本章开始将写一些自然语言处理相关的知识 当然 自然处理领域的知识点比图像处理的要复杂 抽象 可能要花更多时间来研究 首先 我们来了解一下word2vec
  • 基于协同过滤推荐+余弦相似度算法实现新闻推荐系统

    针对海量的新闻资讯数据 如何快速的根据用户的检索需要 完成符合用户阅读需求的新闻资讯推荐 本篇文章主要采用余弦相似度及基于用户协同过滤算法实现新闻推荐 通过余弦相似度算法完成针对不同新闻数据之间的相似性计算 实现分类标签 通过协同过滤算法发
  • CLIP视觉编码器

    VisionTransformer conv1 Conv2d 3 768 kernel size 16 16 stride 16 16 bias False ln pre LayerNorm 768 eps 1e 05 elementwis
  • 使用docker在基础镜像上集成tomcat

    当我们对基础镜像版本和tomcat版本有要求时 可以尝试自己集成所需的镜像 不必每次都去拉取其他人提供的镜像 然后在此基础镜像上部署自己的应用 目标版本 基础镜像版本 ubuntu 16 04 JDK版本 jdk1 8 0 191 tomc
  • gitlab-建代码仓库

    一 生成 添加SSH公钥 你可以按如下命令来生成 sshkey ssh keygen t ed25519 C xxxxx xxxxx com 这里的 xxxxx xxxxx com 只是生成的 sshkey 的名称 并不约束或要求具体命名为
  • dwr反转ajax功能,dwr实现Reverse Ajax推送技术的三种方式

    DWR2 x的推技术也叫DWR Reverse Ajax 逆向Ajax 主要是在BS架构中 从服务器端向多个浏览器主动推数据的一种技术 在DWR所开的线程中使用Reverse Ajax时 经过WebContextFactory get 获取
  • GD32 CAN波特率计算问题

    一 问题描述 以下是GD32F205 CAN0的配置代码 将CAN0的波特率设置为125kbps 其中影响波特率的几个关键参数为resync jump width time segment 1 time segment 2和prescale
  • 关于TagsView的一些记录

    参考TagsView原链接https blog csdn net Dream xun article details 83146106 开发项目时 使用基础tagsView遇到的问题 代码基本上与原链接一致 仅有一些基础功能 本人开发项目为
  • git哪些你不太理解的术语

    Repository 简称Repo 可以理解为 仓库 我们的项目就存放在仓库之中 也就是说 如果我们想要建立项目 就得先建立仓库 有多个项目 就建立多个仓库 Issues 可以理解为 问题 举一个简单的例子 如果我们开源一个项目 如果别人看
  • Linux高级命令06:文件权限命令

    学习目标 能够使用chmod命令完成文件权限的修改 1 chmod命令的介绍 命令 说明 chmod 修改文件权限 chmod修改文件权限有两种方式 字母法 数字法 2 chmod 字母法的使用 角色说明 角色 说明 u user 表示该文
  • es集群的安装配置

    es集群的安装配置 1 集群的部署步骤 2 集群的应用 2 1 操作指令 2 2 数据插入 2 3 指定分片和副本数目 2 4 分词器 1 集群的部署步骤 集群状态颜色 绿色 所有条件都满足 数据完整 副本满足 黄色 数据完整 副本不满足
  • Unity开发-你必须知道的优化建议

    最近研究U3D开发 个人认为 精通一种新的技术 最快最好的方法就是看它的document 而且个人习惯不喜欢看中文的资料 原汁原味的东西是最正确的 一翻译过来很多东西就都不那么准确了 于是通读了unity的官方manuel 最后面几章都是精
  • 在linux系统上使用conda 安装GPU版本TensorFlow-GPU(详细步骤)

    文章目录 使用conda 还是miniconda 一 下载miniconda 可以选择python版本等信息 二 安装miniconda 根据提示按 Enter 和输出 yes 三 创建虚拟环境 四 激活虚拟环境 安装Tensorflow
  • XSS跨站脚本漏洞简介、原理及防护方法

    目录 1 XSS跨站脚本漏洞简介 2 XSS漏洞分类 3 XSS漏洞原理 4 XSS漏洞利用 4 1XSS基础漏洞利用 4 2XSS平台利用 5 XSS攻击过程 6 XSS漏洞防护 1 XSS跨站脚本漏洞简介 XSS又叫CSS cross
  • Windows 使用nvm安装多个版本的node.js

    在 Windows 上 首先你需要安装 Node Version Manager 请访问 nvm windows GitHub 页面并下载最新版本的 nvm setup zip 文件 解压并运行里面的安装程序 安装完成后 你可以按照以下步骤
  • 《算法图解》读书笔记(二)

    第六章 图 广度优先搜索 1 解决最短路径问题 shortest path problem 的算法被称为广度优先搜索 breadth first search 2 图由节点 node 和边 edge 组成 一个节点可能与众多节点直接相连 这
  • conda 常用命令

    一 虚拟环境创建 删除 查看 创建 创建一个名为env name的虚拟环境 并指定python版本为3 8 且不需要询问 yes or no 直接创建 conda create n env name python 3 8 y 例如 cond
  • 深度学习怎么学?

    推荐这本小白看的 深度学习 从基础到实践 上下册 深度学习 从基础到实践 上下册 深入浅出的讲述了深度学习的基本概念与理论知识 不涉及复杂的数学内容 零基础小白也能轻松掌握 本书从基本概念和理论入手 通过近千张图和简单的例子由浅入深地讲解深
  • 微信小程序 wx:for 点击事件

    为列表的每个小项都添加点击事件 并获得每个项的一些数据 wxml中 lt view wx for array gt lt view bindtap click data name item name gt item name click是点

随机推荐

  • react引入Ant Design

    需要先安装 zeit next css 不然不能识别css文件 然后根目录下创建next config js进行配置 const withCss require zeit next css if typeof require undefin
  • 几种ajax传参数到后台获取的方法

    传参 ajax type post dataType json url DataSourceCheck refreshDataSource data dataSourceId dsId success function data 你的逻辑
  • 10、组合模式

    文章目录 概念 demo 概念 用于树形结构 这种类型的设计模式属于结构型模式 组合模式使得用户对单个对象和组合对象的使用具有一致性 demo import java util ArrayList 1 Component抽象构件角色 定义参
  • 情感分析中的深度学习

    一 情感分析中的基本模型 1 前馈神经网络 FNN 不考虑输入数据具备的任何特定结构常与正则化结合使用 主要解决问题 神经网络有大量隐藏层 隐藏层非常难以训练 梯度消失和过拟合问题 FNN 由一个输入层 一个 浅层网络 或多个 深层网络 因
  • 商品销售管理系统设计论文--毕业设计

    内容摘要 在科学技术日新月异的今天 计算机已逐步渗入各个领域 无论是学习 工作 还是娱乐都普及了计算机的使用 而随着网络的开通 并与Internet连接更让我们社会成为信息化的时代 人们不再需要浪费太多的时间去手工的获得信息 只要做在家中轻
  • 【Mac】电脑维修 换电池之被坑记

    文章目录 1 概述 1 概述 今天遇到一个糟心的事情 我的mac电脑 电池坏了 想换电池 然后以前查了一下 发现要1000块 因为电池没坏透彻 就没去换 这次想去换了 然后当时脑子蒙了 直接去店里 然后问了一下换电池400块 但是要订购电池
  • Hadoop在Windows10下的安装及简单操作

    Hadoop环境搭建 准备工作 首先从网站https www oracle com technetwork java javase downloads jdk8 downloads 2133151 html下载匹配Windows x64的J
  • java游戏主角叶开,逸之老板的天机城与叶开大神女魃墓,决赛场上谁更抢眼?...

    精锐组 逸之老板的天机城与叶开大神女魃墓 决赛场上谁更抢眼 逸之老板150级无级别刀 出场效果到底是不是很一般 吃货分队 逸之的天机城在精锐组也算是佼佼者 扛上150级无级别刀 如虎添翼 在决赛中 变身机甲 对方宝宝根本招架不住 摸一下就飞
  • 微信小程序上线后无法调用后端接口

    我们要在小程序设置里把request请求域名加上保存就可以了
  • 生信入门(二)——使用limma、Glimma和edgeR,RNA-seq数据分析

    生信入门 二 使用limma Glimma和edgeR RNA seq数据分析 文章目录 生信入门 二 使用limma Glimma和edgeR RNA seq数据分析 一 简介 二 数据背景 三 初始配置 四 数据整合 1 数据下载 2
  • Vue使用axios实现跨域请求

    在前后端分离的项目中 关键的一步就是能够进行跨域请求 可以通过前端发送请求访问不同端口的服务器获取数据 为了解决这一问题使用的是axios来实现跨域请求 一 安装axios 使用npm安装 npm install axios save 首先
  • less 命令详解

    less 命令详解 less 与more命令类似 但可以通过翻页键查看上下页的内容 b lt 缓冲区大小 gt 设置缓冲区的大小 e 当文件显示结束后 自动离开 f 强迫打开特殊文件 例如外围设备代号 目录和二进制文件 g 只标志最后搜索的
  • 通过域策略登录脚本收集域用户的登录/注销信息

    1 我们需要在域控制器上新建一个隐藏的共享文件夹 shoujifile 专门用于存放收集到的资料 如下图所示 登录和注销脚本代码如下 收集域用户注销计算机信息 On Error Resume Next strComputer Set lia
  • IDEA中部署git

    IDEA中使用 git 1 在Idea中配置 git 安装好 IntelliJ IDEA后 如果Git 安装在默认路径下 那么 idea 会自动找到 git 的位置 如果更改了 Git 的安装位置则需要手动配置下Git 的路径 选择 Fil
  • C# 语音识别

    在 NET4 0中 我可以借助System Speech组件让电脑来识别我们的声音 以上 当我说 你好 显示 Darren 我说 age 显示 永远21 如何做呢 首先要开启电脑的语音识别功能 右键电脑右下方的扬声器 选择 录音设备 点击默
  • 实现labelme批量json_to_dataset方法

    labelme可以帮助我们快速的实现Mask RCNN中数据集json文件的生成 然而还需要我们进一步的将json转成dataset 可以直接在cmd中执行labelme json to dataset exe C Users Admini
  • 校验码在线计算工具

    符合在合种场景下开发使用 LRC校验码在线计算器 ME2在线工具
  • NE555 + CD4017流水灯

    NE555 CD4017流水灯 1 完成此物只需要清楚2个点 1 NE555充当信号发生器 产生方波 信号即电信号 有高低电平之分 所谓方波就是在一个周期内 保持前a时间高电平 持续1 a时间内的低电平 0
  • js中如何实现字符串去重?

    聚沙成塔 每天进步一点点 专栏简介 使用 Set 数据结构 使用循环遍历 写在最后 专栏简介 前端入门之旅 探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅 欢迎来到前端入门之旅 这个专栏是为那些对Web
  • 一个页面好几个地方调用ajax,如何使用一个jquery ajax调用来更新页面上的多个区域?...

    我目前正在使用jQuery Ajax和PHP实现购物车 并且大部分工作正在进行 然而 我目前卡在如何更新购物车页面内容时 我更新购物车 因为此刻我返回的HTML更新侧栏中的购物车区域 工作正常 如何使用一个jquery ajax调用来更新页