vue.jsのチュートリアルを探しています。ここでは、ajaxを使用してデータベースにデータを送信できます。私はいくつかの例を見つけるが、説明はない。誰かが例を書いて説明できますか?間に、私はlaravelを使用しています、私はコントローラにデータを送ることができますか?あなたはvue-resource
をインストールする必要がvue.js(ajax)を使用してデータベースにデータを送信する方法
答えて
を、私は、すべてのAjaxリクエスト(AjaxController.php)の検証を行うと、データベースとの対話を処理するLaravelコントローラを作成することから始め普通のもの。それは専用のコントローラーである必要はありませんが、あなたはどんなコントローラーを使用することもできます。クライアント側では、私のvueアプリやコンポーネントのメソッドを宣言します(プロジェクトに応じて、よりグローバルな方法で行うことも、一部のコンポーネント内に保持することもできます)。サーバーに送信します。ここでは、前の答えで指摘されているように、ajaxリクエスト、純粋なjavascript、jquery、またはvue-resourceを実行したいものを使用できます。私はいつもjqueryを使っています。なぜなら私は自分のプロジェクトのすべてで起こってしまっていて、シンタックスにもっと慣れていますが、それは本当にあなた次第です。
<?php
namespace App\Http\Controllers;
class AjaxController extends Controller
{
public function createUser()
{
$data = request('data');
$user = User::create($data);
return 'ok';
}
}
Vueのアプリ:
var app = new Vue({
el: '#app',
data: {
name: '',
age: '',
country: ''
},
methods: {
sendViaAjax: function(){
var data = {
'_token': yourCrsfToken,
'name': this.name,
'age': this.age,
'country': this.country
};
$.ajax({
url: '/your-url',
method: 'POST',
data: data,
success: function(){
console.log('We did succeed!');
},
error: function(){
console.log('We did not succeed!');
}
});
}
}
});
とhtml:
<div id='app'>
<label for="user-name">Name</label>
<input type="text" id="user-name" v-model="name" value="@{{ name }}">
<label for="user-age">Age</label>
<input type="text" id="user-age" v-model="age" value="@{{ age }}">
<label for="user-country">Country</label>
<input type="text" id="user-country" v-model="country" value="@{{ country }}">
</div>
私は私だけでこの例をテストしませんでした。ここ
Laravelコントローラは、私はそれを行う方法ですあなたが何かエラーを見つけたら驚かないでください、しかし、私はそれが一般的なアイデアに合格したことを願っています。
乾杯
は、あなたが行う:
Laravelを使用してthis.$http.post('your/endpoint.php', {some: data}).then(response => {
// something to do with your response
}
あなた/ endpoint.phpは何ですか? –
あなたのエンドポイントです。 – gurghet
- 1. ajaxを使用してノードjsサーバーにデータを送信する方法
- 2. jspページからajaxを使用してスプリングコントローラにデータを送信する方法
- 3. AJAXを使用してデータベースに通信する方法
- 4. jQueryを使用しているときにGETを使用してリクエストボディにデータを送信する方法$ .ajax()
- 5. ajaxを使用してデータを送信してリフレッシュする
- 6. Ajaxを使用してコントローラーにデータを送信する
- 7. jQuery $ .ajaxを使用してサーバーにデータを送信する
- 8. Jquery Ajaxを使用してデータベースからデータを送信するJSON
- 9. AJAXを使用してWordPressでフォームを送信する方法
- 10. AjaxからPHPを使用してデータを送信する
- 11. laravelでVue.jsを使用してフォームを送信する方法は?
- 12. ajaxを使用してphpファイルにデータを送信
- 13. FormDataオブジェクトを使用してAJAXのコントローラにデータを送信
- 14. AJAXを使用してFormCollectionにデータを送信
- 15. Dojo - ダイアログ・フォームを使用してデータを送信する方法
- 16. nodejsのソケットを使用してデータを送信する方法
- 17. PHP:Windowsタスクスケジューラを使用してPOSTデータを送信する方法
- 18. webrequestクラスメソッドを使用してデータを送信する方法は?
- 19. freertosを使用してリアルタイムでデータを送信する方法
- 20. リンクサーバーを使用してあるデータベースから別のデータベースにデータを送信する方法
- 21. PHPを使用してMySQLデータベースにHTMLデータを送信
- 22. SQLiteデータベースからFirebaseデータベースにデータを送信する方法
- 23. Azure Eventhub受信データをSQLデータベースに送信する方法
- 24. ajax関数を使ってデータをPHPファイルに送信する方法は?
- 25. ノックアウトモデルデータを送信する方法、または$ .ajaxを使用してx-www-form-urlencodedとして送信するデータを作成する方法は?
- 26. AJAXを使用してフォームを送信
- 27. AJAXを使用してNodeJSに配列を送信する別の方法
- 28. ajaxを使用してローカルストレージデータをPHPページに送信する方法は?
- 29. Ajaxを使用してLongとDoubleをSpringコントローラに送信する方法は?
- 30. Jquery Ajaxを使用してPHPにjavascript配列を送信する方法
ありがとう、しかし、そのデータをコントローラにルーティングする方法を説明できますか? –
ルートを他のルートと同じように作成します。私が与えた例は、単にあなたのroutes.phpでこれを持つことができます: 'Route :: post( 'your-url'、[ 'as' = 'any-alias'、 'は' => AjaxController @ createUser ' ]); ' –