A. 购物车功能 点击一个 checkbox 将这一行的所有数据返回到后端 其中js写的商品数量和商品价格总和怎么传
首先来说,这个数量和总和肯定是后台计算后显示到前台的,也就是说这根本不用传,直接在后台计算,而且也不能往后台传,容易错。
B. 求个js 购物车的js 就是点击列表 在另一边显示出来,并统计。
好费劲,已经写完了,不过要求增加悬赏,先发截图证明:
C. js怎么实现及时更新数据库的数据展现在前台页面
页面本身是不具备保存历史数据的功能的,需要借助其它手段来实现,常用方法如下:
异步更新页面。这种方法实际上页面是没有刷新的,通过AJAX导步获取信息来更新页面,这样可以保留原页面需要保留的数据。一些网站的发表评论后,评论内容更新,用的就是这个方法。
使用COOKIE保存。把需要保存的数据存储到COOKIE中,页面更新时,读取COOKIE渲染到页面上。比较常见的如:登录框记录用户名,下次登录无须重新输入。但COOKIE存储的数据量有限,不适合大的数据存储。
服务器端保存数据。与COOKIE保存类似,只不过内容是保存在服务器端,利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器,保存草稿等,就是通过这样的方式实现的
D. 什么是前端渲染什么是服务端渲染两者区别及应用场景
举个商品列表页面为例子。
前端渲染:说的应该是刚进入页面时,商品列表这些数据都不给你,不会渲染出这些数据。然后加载script时,再用ajax或者fetch之类的发起了请求另一个接口,服务端返回了商品列表的json数据给你,你在js中用模板引擎之类的技术,把这些数据拼成html字符串插入到Dom里。
服务端渲染:服务端用php的smarty模板或者java的jsp,把页面的商品列表信息渲染出来了,返回一个html给浏览器了。
区别:如果页面要求被蜘蛛抓取,前端渲染的数据就不能被抓取到,但是服务端渲染的页面就能被抓取到。如果有SEO要求,只能用服务端渲染。如果用Node.js渲染的话,那就都没这些问题了。
E. 很奇怪的js,ajax的问题,关于添加到购物车及点击删除的,就类似京东商城的那样。
初步怀疑你的删除事件绑定有问题:新加入的DOM元素未绑定到事件。这种情况应该使用事件委派来做,你用 jQuery 吗?假设你的购物车列表的 HTML 结构如下:
<ulid="cartList">
<li>
购物车商品1
<button>删除</button>
</li>
<li>
购物车商品2
<button>删除</button>
</li>
……
</ul>
则删除购物车商品的代码为(用了 jQuery):
$('#cartList').on('click','button',function(){//委派button的点击事件
$(this).parent().remove();//移除购物车里当前商品
});