Laravel通过ajax的POST方式传值并实现页面跳转
2017-10-18 09:16
375 查看
1.添加测试按钮
2.ajax部分代码
4.控制器接收并处理数据
<button class='test' >ajax测试</button>
2.ajax部分代码
@section('js') <script type="text/javascript"> $('.test').on("click",function(){ //获取同一行其他字段的值 html()、text()、val() var id = $(this).parents("tr").find(".id").text(); $.ajax({ type: 'POST', url: '/admin/test', data: { id : id, _token:"{{csrf_token()}}"}, dataType: 'json', success: function(data){ //验证成功后实现跳转 window.location.href = "/admin/index"; }, error: function(xhr, status, error){ console.log(xhr); console.log(status); console.log(error); } }); }); </script> @endsection3.路由器
Route::post('/admin/test', 'Admin\Controller@test');
4.控制器接收并处理数据
public function test(Request $request) { $testid=$_POST['id']; if ($testid) { return response()->json(array( 'status' => 1, 'msg' => 'ok', )); } else { return response()->json(array( 'status' => 2, 'msg' => 'fail', )); } }
相关文章推荐
- 原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
- Struts 通过拦截器实现登录后跳转到登录前页面 处理普通Http请求和Ajax请求时拦截配置
- 关于 第三方接口支付的时候 采用post提交的方式,有两种 一种是通过 curl来进行,一种是通过js当页面加载完后跳转
- 重写ajax实现session超时跳转到登陆页面
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式
- JQuery -AJAX- html中提交表单并实现不跳转页面处理返回值
- jquery 读取页面load get post ajax 四种方式代码写法
- 自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用
- 页面上一段时间内通过ajax轮询后台数据的简单实现方法
- Javascript实现页面跳转的几种方式
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式
- 如何通过JQ,Ajax来实现返回到上一个页面并进行刷新
- Ajax发送POST请求SpringMVC页面跳转失败
- js实现页面跳转的几种方式
- PHP跳转页面的几种实现方式
- 在angularjs可实现页面跳转的各种方式
- JavaScript实现页面跳转的几种方式