数据库交互技术 ajax无刷新删除、无刷新排序、无刷新分页

最近学习laravel 5.4框架，遇到ajax交互技术的内容整理总结一下：

模板文件部分html代码：

	

		 批量删除
		 添加图片
					
		
共有 {{count($data)}} 条数据
		

			

				
			
			
		

	
		
			@foreach($data as $value)
			
			@endforeach

		

			

			

			
ID
			
TITLE
			
SORT
			
IMG
			
操作
			

				

				
{{$value->id}}
				
{{$value->title}}
				

				

		
				
   
			
	
	

		

			

				@for($i=1;$i<=$page;$i++)
					
{{$i}}
				@endfor				
			
		

	

js部分代码：

laravel控制器文件：

    //后台首页方法  GET
    public function index()
    {
		//计算数据的总条数
		$tot=DB::table('pic')->count();
		//每页展示几条数据
		$length=3;
		
		//计算总页数
		$page=ceil($tot/$length);
	
		//判断地址栏参数是否存在
		
		if(isset($_GET['page'])){
			//计算分页
			$offset=($_GET['page']-1)*$length;
			//进行数据库查询
			$data = DB::select("select * from pic order by sort asc limit $offset,$length");
			//返回json
			//return $data;

            //返回页面
            return view('admin.pic.page')->with('data',$data);

		}
	
		
		//从数据库中读取相关数据
		$data = DB::select("select * from pic order by sort asc limit 0,$length");
		//var_dump($data);



		//加载图片管理界面

		return view('admin.pic.index')->with('data',$data)->with('page',$page);
    }

    //删除图片操作  DELETE
	public function destroy(Request $request){
		
		//获取删除id
		$id=$request->input('id');
		
		//查询图片
		$data=DB::select("select * from pic where id=?",[$id]);
		//echo $data[0]->img;
		//exit;
		
		 //删除操作 1成功  0失败
		 if(DB::delete('delete from pic where id=?',[$id])){
			//删除成功,删除图片
			if(!empty($data[0]->img)){
				unlink("./Uploads/Goods/".$data[0]->img);
			}
			 
			 return '1';
		 }else{
			 return '0';
		 }
	}
	
	//删除所有的方法
	public function delAll(Request $request){
		$str = $request->input('str');
		
		$data = DB::select("select * from pic where id in ($str)");
		//var_dump($data);exit();
		//echo $str;
		if($a = DB::delete("delete from pic where id in ($str)")){
			//循环删除图片
			foreach ($data as $value){
				if(!empty($value->img)){
					unlink("./Uploads/Goods/".$value->img);
				}
			}
			
			return $a;
		}else{
			return 0;
		}	
	}
	
	//ajax 修改数据
	public function sort(Request $request){
		
		if(DB::update("update pic set sort=? where id=?",[$request->input('val'),$request->input('id')])){
			return 1;
		}else{
			return 0;
		}
	}

ajax分页返回的page.blade.php页面：

    
    ID
    TITLE
    SORT
    IMG
    操作

@foreach($data as $value)
    
        
        {{$value->id}}
        {{$value->title}}
        
        

           
    
@endforeach

路由注意配置一下~