首頁 後端開發 php教程 关于那些购物网站解决办法

关于那些购物网站解决办法

Jun 13, 2016 am 11:59 AM
ajax name nbsp price

关于那些购物网站
那些购物网站有那种选不同颜色不同size就价钱不同然后显示出来,
用了什么技术?
是ajax吗?
php新手
谢谢
------解决方案--------------------
有些是Ajax异步读取的。。
当点击不同的颜色和尺寸时进行Ajax交互读取新价格。

还有一种是页面加载完成后就载入了全部不同组合的价格。然后选择与页面相匹配的那种商品显示其价格。
当点击不同颜色和尺寸时,切换到你选择的那种商品的价格。

<br />{<br />"qikequanmai":{"name":"奇客花生香酥全麦饼 110克/盒  6盒组合","price":"¥99.00元"},<br />"qikecongxiang":{"name":"奇客葱香全麦饼 110克/盒   6盒组合","price":"¥99.00元"}<br />}<br />
登入後複製

------解决方案--------------------
楼上正解,看你的数据量,如果仅仅几种颜色+尺码同时用户可能来回点,用本地js搞定,不能用ajax占连接,像全国地区数据就ajax吧
------解决方案--------------------

引用:
Quote: 引用:

一般不会用ajax吧,还增加请求
直接用js就行了,php传个配置数组到js,点击图片的时候js修改下价格就行了...


其实我也想用js这样弄的.
但是我这个点击了不但要改价格还要改图片,规格,还有各种div里的内容.

想了想还是想用ajax直接刷新整个页面方便算了.
这样弄增加请求会不会弄到网站很慢?


ajax给服务器增加压力本来就不对了,
居然想刷新页面,压力不就更大。

虽然增加一点ajax请求可能看不出来(只要服务器够强就没事)
但做技术的凡事要尽量用最好的解决方案,要有精益求精的工匠精神,这是态度问题!
而且一般精益求精的时候对自己的技术是有帮助的,比如用js做刚好能练习下js。

但是要改很多div的话我觉得是设计问题。
就淘宝商品页面来说,一个商品一般就改个当前颜色的文字和商品图片就行了
介绍页面就不用改了,全部介绍一下。没有改个颜色还要改介绍文字的。
而更新个当前颜色、尺寸,图片,价格 最多5个地方会多吗?
封装个方法,然后把当前颜色大小传进去统一更新页面就行了
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

由於洩漏的自拍顯示器增加了以前價格實惠的相機系列的複雜性,富士 X-M5 的價格預期上升 由於洩漏的自拍顯示器增加了以前價格實惠的相機系列的複雜性,富士 X-M5 的價格預期上升 Sep 07, 2024 am 09:34 AM

富士膠片粉絲最近對 X-T50 的前景感到非常興奮,因為它重新推出了預算導向的富士膠片 X-T30 II,該膠片在 1,000 美元以下的 APS-C 類別中非常受歡迎。不幸的是,隨著 Fujifilm X-T50 的推出

解決jQuery AJAX請求遇到403錯誤的方法 解決jQuery AJAX請求遇到403錯誤的方法 Feb 20, 2024 am 10:07 AM

標題:解決jQueryAJAX請求出現403錯誤的方法及程式碼範例403錯誤是指伺服器禁止存取資源的請求,通常會導致出現這個錯誤的原因是請求缺少權限或被伺服器拒絕。在進行jQueryAJAX請求時,有時會遇到這種情況,本文將介紹如何解決這個問題,並提供程式碼範例。解決方法:檢查權限:首先要確保請求的URL位址是正確的,同時驗證是否有足夠的權限來存取該資

PHP 與 Ajax:建立一個自動完成建議引擎 PHP 與 Ajax:建立一個自動完成建議引擎 Jun 02, 2024 pm 08:39 PM

使用PHP和Ajax建置自動完成建議引擎:伺服器端腳本:處理Ajax請求並傳回建議(autocomplete.php)。客戶端腳本:發送Ajax請求並顯示建議(autocomplete.js)。實戰案例:在HTML頁面中包含腳本並指定search-input元素識別碼。

飛傲CP13卡帶播放器上市,透明復古外觀 飛傲CP13卡帶播放器上市,透明復古外觀 Jun 16, 2024 am 09:52 AM

Fii OCP13 盒式錄音機於1 月發布。魅力,而且

解決jQuery AJAX請求403錯誤的方法 解決jQuery AJAX請求403錯誤的方法 Feb 19, 2024 pm 05:55 PM

jQuery是一個受歡迎的JavaScript函式庫,用來簡化客戶端端的開發。而AJAX則是在不重新載入整個網頁的情況下,透過發送非同步請求和與伺服器互動的技術。然而在使用jQuery進行AJAX請求時,有時會遇到403錯誤。 403錯誤通常是伺服器禁止存取的錯誤,可能是由於安全性原則或權限問題導致的。在本文中,我們將討論如何解決jQueryAJAX請求遭遇403錯誤

Klipsch 推出 Flexus Core 300 旗艦條形音箱,支援 8K、12 個揚聲器和房間校正 Klipsch 推出 Flexus Core 300 旗艦條形音箱,支援 8K、12 個揚聲器和房間校正 Sep 05, 2024 am 10:16 AM

Klipsch Flexus Core 300 是該系列中的頂級型號,位於該公司條形音箱系列中現有的 Flexus Core 200 之上。根據 Klipsch 的說法,這是世界上第一個聲音可以適應現實的條形音箱。

如何解決jQuery AJAX報錯403的問題? 如何解決jQuery AJAX報錯403的問題? Feb 23, 2024 pm 04:27 PM

如何解決jQueryAJAX報錯403的問題?在開發網頁應用程式時,經常會使用jQuery來發送非同步請求。然而,有時在使用jQueryAJAX時可能會遇到錯誤代碼403,表示伺服器禁止存取。這種情況通常是由伺服器端的安全性設定所導致的,但可以透過一些方法來解決這個問題。本文將介紹如何解決jQueryAJAX報錯403的問題,並提供具體的程式碼範例。一、使

Light Phone 3 推出 50% 折扣、單色 OLED 和簡約設計 Light Phone 3 推出 50% 折扣、單色 OLED 和簡約設計 Jun 13, 2024 pm 10:18 PM

2018年的LightPhone2仍然配備經濟實惠的墨水顯示屏,而LightPhone3則採用OLED顯示屏,只能顯示灰度。

See all articles