《PHP学习:Laravel接收前端ajax传来的数据的实例代码》要点:
本文介绍了PHP学习:Laravel接收前端ajax传来的数据的实例代码,希望对您有用。如果有疑问,可以联系我们。
PHP应用最近在做一个笔记的项目,技术栈如下:vue.js + laravel + mongodb
PHP应用首先不得不感叹vue的神奇,项目昨晚之后我会对整个项目中用到的技术和踩过的坑进行一个总结,今天先记录一个前端传送数据给后端,laravel接收的例子.
PHP应用前端ajax插件我没有使用vue-resource,说实话,用他遇到了坑,所以使用了axios.js,很好用,而且比vue-resource还小.
PHP应用来看前端代码(省略vue逻辑部分):
PHP应用
axios.post('index.php/login',{
email:this.email,
pass:this.pass
}).then(function(res){
console.log(res)
}).then(function(){
console.log(321)
})
PHP应用this.email和this.pass即为用户填写的表单数据,点击登录即执行这个方法(验证数据格式没问题后).
PHP应用来看Laravel如何接收这两个值:
PHP应用我们在app文件夹下建立一个GUser.php的Model文件,内容如下:
PHP应用
namespace App;
use Mongodb;
use DB;
class GUser extends Mongodb {
public static function login($email) {
$mongo = DB::connection('mongodb');
$res = $mongo->collection('user')->where('email',$email)->first();
return $res;
}
}
PHP应用再在app/Http/Controllers下建立一个GUserController.php文件,内容如下:
PHP应用
namespace App\Http\Controllers;
use App\Http\Controllers\Controller;
use App\GUser;
use Illuminate\Http\Request;
class GUserController extends Controller{
protected function login(Request $request) {
$email = $request->input('email');
$pass = $request->input('pass');
$res = GUser::login($email);
return $res;
}
}
PHP应用当然啦,这里没有用到pass的值,我在这里省略了登录验证的逻辑.
PHP应用然后在路由文件web.php里配置:
PHP应用
Route::any(‘/login','GUserController@login');
PHP应用到此结束.以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持维易PHP.