Laravel通过ajax的POST方式传值并实现页面跳转

最新推荐文章于 2023-01-06 09:51:44 发布

Miracle_Gaaral

最新推荐文章于 2023-01-06 09:51:44 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP

本文链接：https://blog.youkuaiyun.com/Miracle_Gaaral/article/details/78269164

PHP 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个使用Ajax进行数据交互的测试案例，包括了前端按钮的添加、Ajax请求的编写、后端路由设置及控制器数据处理等内容。通过具体示例展示了如何在点击事件中发送Ajax请求，并在后端接收处理数据后返回结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.添加测试按钮

<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>
@endsection

3.路由器

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',		                        	            
	        ));	
	    }
	}