ホームページ >バックエンド開発 >PHPチュートリアル >React と PHP はどのように連携しますか? ajaxを使用してデータを取得しますか?

React と PHP はどのように連携しますか? ajaxを使用してデータを取得しますか?

WBOY
WBOYオリジナル
2016-08-04 09:19:291439ブラウズ

フロントエンドとしてreactを使用し、phpがデータの取得を担当します。どちらもデータ転送に ajax を使用します。
このようにして、ページをレンダリングした後、ユーザーは後続の操作を実行できます。
ただし、最初のレンダリング ページが ajax で読み込まれる場合、少し遅く感じられます。
何か良い解決策はありますか?

返信内容:

フロントエンドとしてreactを使用し、phpがデータの取得を担当します。どちらもデータ転送に ajax を使用します。
このようにして、ページをレンダリングした後、ユーザーは後続の操作を実行できます。
ただし、最初にレンダリングされたページが ajax で読み込まれる場合、少し遅く感じられます。
何か良い解決策はありますか?

ロードするだけ、またはPHPにHTMLを出力させると、データはページ変数にも出力されます。このようにして、ホームページではAjaxのロードが省略されます

フロントエンド:
React を使用する場合、そのファミリー バケットを使用する必要がありますか? Webpack のパッケージ化はどのようなものですか? 画像が原因の場合は、遅延読み込みが発生する可能性があるかどうかを確認してください

バックエンド:

フロントエンドを使用せずに、Chrome アプリの postman を使用して、単純な Ajax の読み込みに時間がかかるかどうかをテストします。その場合は、サーバーの ping 値を確認し、データベースの SQL ステートメントと設計で最適化できるものがないかどうかを確認する必要があります

フロントエンドとバックエンドの間:

Relay と GraphQL を使用して解決されます。 このワークロードは比較的大きく、Facebook のオープンソース プロジェクトはそれ自体で使用されます。
最も怠惰な方法:

スプラッシュ画面 (モバイル アプリを開いたばかりのときに中央にロゴがある遷移画像に似たもの) を追加するか、データ読み込みのプロンプト (読み込み中...) を追加します

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。