ホームページ バックエンド開発 PHPチュートリアル ショッピング ウェブサイトのソリューション

ショッピング ウェブサイトのソリューション

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

それらのショッピングサイトについて
それらのショッピングサイトでは、色やサイズを選択すると価格が異なって表示されるようなものがあります。
どのような技術が使用されていますか?
PHP は初めてです
ありがとうございます

-----解決策-------------------------- 一部は Ajax によって非同期的に読み取られます。 。
別の色やサイズをクリックすると新しい価格を読み取るための Ajax インタラクション。

もう 1 つの方法は、ページがロードされた後に、すべての異なる組み合わせの価格をロードすることです。次に、ページに一致する製品を選択すると、その価格が表示されます。
別の色やサイズをクリックすると、選択した商品の価格に切り替わります。

<br />{<br />"qikequanmai":{"name":"奇客花生香酥全麦饼 110克/盒  6盒组合","price":"¥99.00元"},<br />"qikecongxiang":{"name":"奇客葱香全麦饼 110克/盒   6盒组合","price":"¥99.00元"}<br />}<br />
ログイン後にコピー

-----解決策---------------------------- -上の階が正解です。同時に使用できる色とサイズが少ない場合は、ローカル JS を使用して処理することができます。接続を占有するには、ajax を使用します。

------解決策 --------------------

Quote:
Quote: Quote:
通常、ajax は使用しませんが、リクエストを追加することもできます
js を直接使用するだけです。PHP は設定配列を js に転送します。画像をクリックすると、js で価格を変更できます。

実は、私も js を使用したいのです。
しかし、これをクリックすると、価格だけでなく、写真、仕様、さまざまな div の内容も変更する必要があります。

よく考えた後、まだ Ajax を使用してページ全体を直接更新したいと考えています。
このようなリクエストを追加すると、Web サイトの速度が非常に遅くなりますか?

ajax がサーバーに負荷をかけるのは間違っています。
ページを更新したい場合、負荷はさらに大きくなります。

いくつかの Ajax リクエストの追加は目立たないかもしれませんが (サーバーが十分に強力である限り、問題ありません)
しかし、テクノロジーを使用する場合は、最適なソリューションを使用するよう努める必要があります。卓越した職人技、これが姿勢の問題です。
そして、一般に、卓越性を目指す場合、それは自分のスキルに役立ちます。たとえば、js を使用する場合は、js を練習するだけです。

しかし、多くの div を変更する必要がある場合、それは設計上の問題だと思います。
タオバオの商品ページに関しては、通常、商品を現在の色のテキストと商品画像に変更するだけで済みます。
紹介ページを変更する必要はなく、すべてを紹介するだけです。色や紹介文を変更する必要はありません。
現在の色、サイズ、写真、価格を最大 5 か所更新するのは多すぎますか?
メソッドをカプセル化し、現在のカラー サイズをそれに渡してページを均一に更新します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

富士フイルム X-M5 の価格予想が上昇、自撮りディスプレイの流出で以前は手頃な価格だったカメララインが複雑化 富士フイルム X-M5 の価格予想が上昇、自撮りディスプレイの流出で以前は手頃な価格だったカメララインが複雑化 Sep 07, 2024 am 09:34 AM

富士フイルムのファンは最近、X-T50 の登場に非常に興奮していました。X-T50 は、1,000 ドル以下の APS-C カテゴリーで非常に人気となっていた低価格志向の富士フイルム X-T30 II の再発売を提示したからです。残念ながら、富士フイルム X-T50 の発売に伴い

jQuery AJAX リクエストで発生した 403 エラーを解決する方法 jQuery AJAX リクエストで発生した 403 エラーを解決する方法 Feb 20, 2024 am 10:07 AM

タイトル: jQuery AJAX リクエストの 403 エラーを解決する方法とコード例。403 エラーは、サーバーがリソースへのアクセスを禁止するリクエストを指します。このエラーは通常、リクエストにアクセス許可がないか、サーバーによって拒否されたために発生します。 jQueryAJAX リクエストを行うときにこのような状況に遭遇することがありますが、この記事ではこの問題の解決方法とコード例を紹介します。解決策: 権限を確認します。まず、要求された URL アドレスが正しいことを確認し、リソースにアクセスするための十分な権限があることを確認します。

FiiO CP13 カセットプレーヤーは透明なレトロな外観で発売 FiiO CP13 カセットプレーヤーは透明なレトロな外観で発売 Jun 16, 2024 am 09:52 AM

FiiOCP13カセットプレーヤーは1月に発表されました。現在、FiiOは2つの新しいモデルでポートフォリオを拡大しています。1つは前面が赤で、もう1つは透明な前面です。後者は、角張ったデザインのレトロな魅力に完全に一致するだけでなく、

jQuery AJAXリクエスト403エラーを解決する方法 jQuery AJAXリクエスト403エラーを解決する方法 Feb 19, 2024 pm 05:55 PM

jQuery は、クライアント側の開発を簡素化するために使用される人気のある JavaScript ライブラリです。 AJAX は、Web ページ全体をリロードせずに、非同期リクエストを送信し、サーバーと対話するテクノロジーです。ただし、jQuery を使用して AJAX リクエストを行うと、403 エラーが発生することがあります。 403 エラーは通常、セキュリティ ポリシーまたは権限の問題が原因で、サーバーによってアクセスが拒否されたエラーです。この記事では、jQueryAJAX リクエストで 403 エラーが発生した場合の解決方法について説明します。

Klipsch、8Kサポート、12個のスピーカー、ルームコレクションを備えたFlexus Core 300フラッグシップサウンドバーを発表 Klipsch、8Kサポート、12個のスピーカー、ルームコレクションを備えたFlexus Core 300フラッグシップサウンドバーを発表 Sep 05, 2024 am 10:16 AM

Klipsch Flexus Core 300はシリーズの最上位モデルで、同社のサウンドバーラインナップではすでに発売されているFlexus Core 200の上に位置します。クリプシュ氏によると、これはサウンドをさまざまな環境に適応できる世界初のサウンドバーだという。

PHP と Ajax: オートコンプリート提案エンジンの構築 PHP と Ajax: オートコンプリート提案エンジンの構築 Jun 02, 2024 pm 08:39 PM

PHP と Ajax を使用してオートコンプリート候補エンジンを構築します。 サーバー側スクリプト: Ajax リクエストを処理し、候補を返します (autocomplete.php)。クライアント スクリプト: Ajax リクエストを送信し、提案を表示します (autocomplete.js)。実際のケース: HTML ページにスクリプトを組み込み、検索入力要素の識別子を指定します。

jQuery AJAX エラー 403 の問題を解決するにはどうすればよいですか? jQuery AJAX エラー 403 の問題を解決するにはどうすればよいですか? Feb 23, 2024 pm 04:27 PM

jQueryAJAX エラー 403 の問題を解決するにはどうすればよいですか? Web アプリケーションを開発する場合、非同期リクエストを送信するために jQuery がよく使用されます。ただし、jQueryAJAX の使用時に、サーバーによってアクセスが禁止されていることを示すエラー コード 403 が発生する場合があります。これは通常、サーバー側のセキュリティ設定が原因ですが、回避する方法があります。この記事では、jQueryAJAX エラー 403 の問題を解決する方法と具体的なコード例を紹介します。 1.作る

Light Phone 3 は 50% 割引、モノクロ OLED、シンプルなデザインで発売 Light Phone 3 は 50% 割引、モノクロ OLED、シンプルなデザインで発売 Jun 13, 2024 pm 10:18 PM

2018年のLightPhone 2にはまだエコノミカルインクディスプレイが搭載されていましたが、LightPhone 3ではグレースケール表示のみが可能なOLEDディスプレイが使用されています。

See all articles