2017-10-06 4 views
-2

ReactJSシングルページアプリケーションの中から通常どのようにフォームを送信するのですか?私は通常、POSTを使用してPHP経由で送信しますが、今では単一ページアプリケーションを使用しているので、同じことをどのように達成できるかはわかりません。私はちょうどその形の内容の簡単な電子メールを送りたい、それだけです。ReactJSでphpでフォームを送信していますか?

私はPHPで共有のホスティングアカウントを持っていますので、これを使用して、その上にnodejsサーバーを購入しません。

一般的な一般的なアプローチが答えとして十分です。

+0

を私はAPI呼び出しを管理するために、AJAXを使用しています。 (私にとってそれを行うための最も明確な方法です) – arracso

+0

私のPHPサーバにフォームの内容を送信し、その電子メールを送信するためにajaxを使用できますか? –

+0

https://github.com/DannyGarciaMartin/react-webpack/blob/master/js/source/comp/AccountForm.jsxこのようにします。 – fungusanthrax

答えて

1

あなたはJavascript内でPOSTリクエストを作成し、いつものように同じことをすることができます。

fetch("/email", { 
    method: "POST", 
    body: form //just pass the instance 
}) 

取得-API:https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

あなたはフェッチを経由して、あなたのPHPのメールサービスにフォームを送信し、フォーム、送信ボタンにはclickHandlerを、持っている必要があります。

+0

ありがとう!私は理解しているか分からない。私が何をする必要があるかをもう少し説明できますか?これには第三者図書館が必要ですか? 'fetch("/email ")はここで何をしていますか? –

+2

いいえ、 'fetch'は新しいJavascript Ajax APIです。 – JulienD

0

アプリケーションをバックエンドとフロントエンドの2つの部分に分ける必要があります。 バックエンドはREST Full APIサービスで、フロントエンドはReactアプリです。その後、バックエンドのエンドポイントをAxiosのようなライブラリを使ってReactから呼び出さなければなりません。

続きを読む:私のReactJSアプリで

What exactly is RESTful programming?

https://www.sitepoint.com/best-practices-rest-api-scratch-introduction/

https://github.com/mzabriskie/axios

+0

だから、私はnodejsサーバーやsometingが必要でしょうか?それは私が避けようとしていることです! –

+0

@GeorgeWelderいいえ、あなたはどんなサーバーでも使用できますが、PHPは問題ありません。 – xDreamCoding

関連する問題