laravel ajax时间与关键字搜索、即点即改、批量删除

最新推荐文章于 2023-08-25 17:03:18 发布
最新推荐文章于 2023-08-25 17:03:18 发布
阅读量690 收藏
点赞数 1
文章标签： ajax 搜索
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36059577/article/details/52745593
版权

1、创建一个from表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="{{asset('jquery.1.12.js')}}"></script>
</head>
<body>
    <form action="{{url('login/select')}}" method="post">
    <input type="hidden" name="_token" value="{{csrf_token()}}">
        <table>
            <tr>
                <td>商品名</td>
                <td><input type="text" name="name[]"></td>
            </tr>
            <tr>
                <td>价格</td>
                <td><input type="text" name="price[]"></td>
            </tr>
            <tr>
                <td><input type="button" value="+"></td>
                <td><input type="submit" value="提交"></td>
            </tr>
        </table>
        
    </form>
</body>
</html>
<script>
    $('input[type="button"]').click(function(){
        //alert(1212);
        var str="<tr><td>商品名</td><td><input type='text' name='name[]'/></td></tr><tr><td>价格</td><td><input type='text' name='price[]'/></td></tr>";
        $(this).parents('tr').before(str);
    })
</script>



2、控制器

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use DB;
use Session;
use App\Http\Requests;
use App\Http\Controllers\Controller;

class Indexcontroller extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        return view('login');
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function add(Request $request)
    {
        $username=$request->input('username');
        $pwd=$request->input('pwd');
        $res=DB::table('user')->insert(['username'=>$username,'pwd'=>$pwd]);
        if($res)
        {   
            Session::set('username',$username);
            Session::get('username');
            return redirect('login/from');
        }
        else
        {
            echo "登录失败";
        }

    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function sou(Request $request)
    {
        $search=$request->input('search');
        $start=$request->input('start');
        $end=$request->input('end');
        //echo $end;
        $where='1';
        //模糊查询
        if(!empty($search)){
             $where.=" and name like '%$search%'";
        }
        //  print_r($where);
            //时间段
        if(!empty($start)){
            if(!empty($end)){
                $where.=" and time  between  '$start' and '$end'";
            }
        }
         $arr = DB::select("select * from shangp where $where");
         
        //关键字变红
        // foreach($arr as $key=>$val){
        //     $arr[$key]->name=str_replace($search,"<font color='red'>$search</font>",$val->name);
        // }
        //print_r($arr);
        return view('index',['arr'=>$arr]);
        //print_r($results);
        
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store()
    {
        return view('from');
    }

    /**
     * Display the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function select(Request $request)
    {
        $name=$request->input('name');
        //print_r($name);
        $price=$request->input('price');
        //print_r($price);die;
        // $name='';
        // $price='';
        if($name[0]=='' || $price[0]=='')
        {
            echo '名称或价格不能为空';
        }
        else
        {
            foreach ($name as $key => $value) {
                $arr[]=['name'=>$value,'price'=>$price[$key]];
            }
            //print_r($arr);die;
            $res=DB::table('shangp')->insert($arr);
            //print_r($res);die;
            $data=DB::table('log')->insert(['username'=>Session::get('username'),'content'=>"添加了数据",'time'=>date('y-m-dh:i:s',time())]);

            if($res)
            {
                return redirect('index/show');
            }
            else
            {
                echo "添加失败";
            }
        }
       
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function show()
    {
        $arr=DB::table('shangp')->get();
        //print_r($arr);die;
        return view('list',['arr'=>$arr]);
    }
    /*
    **
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function delete(Request $request)
    {
        $id=$request->input('id');
        //echo $id;die;
        
        $res=DB::table('shangp')->where('id',$id)->delete();
         $data=DB::table('log')->insert(['username'=>Session::get('username'),'content'=>"删除了一条id为$id",'time'=>date('y-m-dh:i:s',time())]);
        if($res)
        {
            return redirect('index/show');
        }
        else
        {
            echo "删除失败";
        }
    }


    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function jd(Request $request)
    {
       $id=$request->input('id');
       //echo $id;
       $a=$request->input('a');
       //echo $val;\
       if(is_numeric($a))
       {
         DB::table('shangp')
            ->where('id',$id)
            ->update(['price' =>$a]);
           
       }
       else
       {
              DB::table('shangp')
            ->where('id',$id)
            ->update(['name' =>$a]);
       }
       

    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function ps(Request $request)
    {
        $id=$request->input('id');

        $str= rtrim($id,',');
        $data=explode(',',$str);
        //print_r($data);die;
        $res=DB::table('shangp')->whereIn('id',$data)->delete();
        $data=DB::table('log')->insert(['username'=>Session::get('username'),'content'=>"批量删除了id为$id",'time'=>date('y-m-dh:i:s',time())]);
        //print_r($data);
        //echo $id;die;
        //$str
        // foreach ($id as $key => $value) {
        //     $arr[]=['id'=>$value];
        //     // $res=DB::table('shangp')->where('value',$value)->delete();
        // }
        //print_r($arr);
        //$res=DB::table('shangp')->where('id',$id)->delete();

    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        //
    }
}



3、表单展示 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="{{asset('jquery.1.12.js')}}"></script>
</head>
<body>
<div id="div">
关键字<input type="text" id="search"> <input type="text" id="start"><input type="text" id="end"> <button id="sou">搜索</button>

    <table border="1">
        <tr>
            <td>ID</td>
            <td>名称</td>
            <td>价格</td>
            <td>时间</td>
            <td>操作</td>
        </tr>

        @foreach ($arr as $v)
        <tr>
            <td><input type="checkbox" name="subChk" value="{{$v->id}}"></td>
            <td value="{{$v->id}}"><span class="click">{{$v->name}}</span></td>
            <td value="{{$v->id}}"><span class="click">{{$v->price}}</span></td>
            <td>{{$v->time}}</td>
            <td><a href="{{url('index/del')}}?id={{$v->id}}">删除</a></td>
        </tr>
        @endforeach
    </table>
    

    <!-- <div id="fpage">数据加载中...</div -->
    <button id="plsc">批量删除</button>
</div>

</body>
</html>

<script type="text/javascript">
     $("#sou").click(function () {
                var search = $("#search").val();
                var start = $("#start").val();
                var end = $("#end").val();
                //alert(search);
                var token="{{csrf_token()}}";
                $.ajax({
                    type: "post",
                    url: "{{url('index/sou')}}",
                    data: "search=" + search+"&start="+start+"&end="+end+"&_token="+token,
                    success: function (data) {
                       //alert(data)
                        $('#div').html(data);
                    }
                });

            });
 //    
    /* 批量删除 */
        $("#plsc").click(function() {
        // 判断是否至少选择一项
        var checkedNum = $("input[name='subChk']:checked").length;
        if(checkedNum == 0) {
        alert("请选择至少一项！");
        return;
        }
        // 批量选择
        if(confirm("确定要删除所选项目？")) {
        var checkedList = new Array();
        $("input[name='subChk']:checked").each(function() {
        checkedList.push($(this).val());
        });
        //alert(checkedList);
        var token="{{csrf_token()}}";
        $.ajax({
        type: "GET",
        url: "{{url('index/ps')}}",
        data: {'id':checkedList.toString(),'token':token},
         success: function(data) {
                    alert('删除成功')
                }
            });
        }
    });





      $(document).on("click", ".click", function () {  
            var con = $(this).html();  
            $(this).parent().html("<input type=\"text\" value=" + con + " id='aa' />");  
             $("input").focus();
            //alert(str);
            $(document).on("blur", "#aa", function () {  
                var a = $("#aa").val();
                var id=$(this).parent().attr('value');
                $(this).parent().html("<span class=\"click\">" + a + "</span>");
                //alert(id);
                var token="{{csrf_token()}}";
                $.ajax({
                     type:"POST",
                     url:"{{url('index/jd')}}",
                     data:"id="+id+"&a="+a+"&_token="+token,
                     success:function(data){
                               //根据返回值进行处理
                               alert('修改成功');
                     }
                   });
            });  
        });  

</script>



4、搜索后表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="{{asset('jquery.1.12.js')}}"></script>
</head>
<body>
<div id="div">
关键字<input type="text" id="search"> <input type="text" id="start"><input type="text" id="end"> <button id="sou">搜索</button>

    <table border="1">
        <tr>
            <td>ID</td>
            <td>名称</td>
            <td>价格</td>
            <td>时间</td>
            <td>操作</td>
        </tr>

        @foreach ($arr as $v)
        <tr>
            <td><input type="checkbox" name="subChk" value="{{$v->id}}"></td>
            <td value="{{$v->id}}"><span class="click">{{$v->name}}</span></td>
            <td value="{{$v->id}}"><span class="click">{{$v->price}}</span></td>
            <td>{{$v->time}}</td>
            <td><a href="{{url('index/del')}}?id={{$v->id}}">删除</a></td>
        </tr>
        @endforeach
    </table>
    

    <!-- <div id="fpage">数据加载中...</div -->
    <button id="plsc">批量删除</button>
</div>

</body>
</html>

<script type="text/javascript">
     $("#sou").click(function () {
                var search = $("#search").val();
                var start = $("#start").val();
                var end = $("#end").val();
                //alert(search);
                var token="{{csrf_token()}}";
                $.ajax({
                    type: "post",
                    url: "{{url('index/sou')}}",
                    data: "search=" + search+"&start="+start+"&end="+end+"&_token="+token,
                    success: function (data) {
                       //alert(data)
                        $('#div').html(data);
                    }
                });

            });
 //    
    /* 批量删除 */
        $("#plsc").click(function() {
        // 判断是否至少选择一项
        var checkedNum = $("input[name='subChk']:checked").length;
        if(checkedNum == 0) {
        alert("请选择至少一项！");
        return;
        }
        // 批量选择
        if(confirm("确定要删除所选项目？")) {
        var checkedList = new Array();
        $("input[name='subChk']:checked").each(function() {
        checkedList.push($(this).val());
        });
        //alert(checkedList);
        var token="{{csrf_token()}}";
        $.ajax({
        type: "GET",
        url: "{{url('index/ps')}}",
        data: {'id':checkedList.toString(),'token':token},
         success: function(data) {
                    alert('删除成功')
                }
            });
        }
    });





      $(document).on("click", ".click", function () {  
            var con = $(this).html();  
            $(this).parent().html("<input type=\"text\" value=" + con + " id='aa' />");  
             $("input").focus();
            //alert(str);
            $(document).on("blur", "#aa", function () {  
                var a = $("#aa").val();
                var id=$(this).parent().attr('value');
                $(this).parent().html("<span class=\"click\">" + a + "</span>");
                //alert(id);
                var token="{{csrf_token()}}";
                $.ajax({
                     type:"POST",
                     url:"{{url('index/jd')}}",
                     data:"id="+id+"&a="+a+"&_token="+token,
                     success:function(data){
                               //根据返回值进行处理
                               alert('修改成功');
                     }
                   });
            });  
        });  

</script>


qq_36059577
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Laravel框架实现即点即改功能的方法分析
10-16
在Laravel框架中实现即点即改（On-the-fly editing）功能，主要是为了提升用户体验，让用户能够快速便捷地修改数据，而无需跳转到单独的编辑页面。以下是对实现这一功能的详细步骤和关键知识点的解析： 1. **前端...
Ajax实现模拟关键字智能匹配搜索效果
10-20
本文将详细介绍如何使用Ajax实现一个模拟关键字智能匹配搜索效果，这种效果通常在很多网站的搜索框中可见，用户在输入关键词时，系统会实时提供相关的搜索建议。 首先，我们需要准备数据。在这个例子中，数据存储在...
laravel之ajax搜索
幻羽公子的博客
11-08 716
laravel之ajax搜索
laravel按月/时间区间查询数据
weixin_33920401的博客
05-27 3831
public function payRollList($time) { $member_phone = Session::get(phone'); $engineer = Engineer::getEngineerByPhone($member_phone); $start=date('Y-m-01',strtotime($t...
laravel实现ajax删除ajax批量删除
weixin_48132808的博客
12-03 314
控制器 public function dels() { //前台ajax提交GET传ID值 $id = $_GET['id']; //所有id转成数组 $str = explode(",",$id); //循环将需要删除的id,一个一个执行sql； foreach($str as $v){ DB::table('fangdong')->where('id',"=","$v")->
Laravel时间查询
weixin_42136237的博客
05-25 1462
laravel+ajax点改
hzhandevery的博客
07-24 264
简单来说就是点击事件发生时，前端将状态和id传给后端，后端改数据库，然后前端改页面数据。
laravel-ajax-crud-yajra-datatable：Laravel ajax crud与yajra数据表
01-30
Laravel Ajax CRUD和Yazra数据表要求1. PHP version upto 7.1.3 2. Laravel version 5.6, 5.7 安装1. Clone the project using git clone 2. Go to project root folder.Open git bash or terminal and run ...
laravel-ajax:带有验证的Laravel AJAX表单| Laravel Ajax工具包
05-10
@see Ajax服务只有依赖项是jQuery1.8>和Laravel 4>安装将源代码复制到您现有的App中-目录应与服务命名空间匹配app/ Services / Ajax / 在您的config / app.php中注册服务提供商和Facade（可选） 'providers' => [....
laravel ajax的即点即改
沉默的熊猫的博客
06-04 179
1、定义路由 Route::get("shownews",'News4Controller@show'); 2、模型层查询数据
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
10-17
主要介绍了Laravel框架基于ajax和layer.js实现无刷新删除功能,结合实例形式简单分析了Laravel框架实现的ajax操作数据库相关实现技巧,需要的朋友可以参考下
Laravel 框架 ajax多条件搜索后 分页
YBaog Blog
09-23 2217
 一 、 自定义分页 一 、控制器 /* * 搜索 */ public function sou(){ //接值 $name=Input::get('name'); $start=Input::get('start'); $end=Input::get('end'); //拼接搜索条件 $where='1'; //模糊查询 i...
laravel ajax 无刷新点击修改商品状态
QiZong__BK的博客
11-08 139
echojson_encode(['code'=>'200','msg'=>'修改成功','data'=>$res]);_this.text('异常')_this.text('异常')if(text=='正常'){//定义一个数组用来存储要删除的id。//定义指定的值，当前回是指a标签。//ajax异步修改状态值。
laravel mysql 时区_laravel - MySQL将时间戳转换为用于搜索查询的时区_laravel_酷徒编程知识库...
weixin_39820910的博客
01-19 306
我有一个MySQL数据库，有一个带有orders和timestamp列created_at的表所有时间戳均以UTC格式存储，并转换回前端的用户本地时间-当前设置为“'Europe/London”，用户可以搜索在特定日期之间创建的所有订单，在MySQL中，我使用以下函数将日期转换回本地时区，例如：SELECT *FROM ordersWHERE DATE(CONVERT_TZ(created_at,...
laravel 按日期分组查询
最新发布
qq_37205890的博客
08-25 271
laravel 按日期分组查询。
laravel5.1 jquery ajax 搜索分页
丿靈魂灬燈芐舞的博客
09-24 1336
控制器层代码：IndexController.php <?php namespace App\Http\Controllers; use App\User; use App\Http\Controllers\Controller; use Request,Input,DB,Redirect; class IndexController extends Controller { /*
laravel 批量获取数据的sql写法
ahjxhy2010的博客
08-16 930
//默认获取2000条 $stockList = DB::table('bas_stk_information')->limit(2000)->pluck('stock_code')->toArray(); //获取2000条到最后的所有的条数 skip(start)->take(end) $stockList = DB::table('bas_stk_informati...
ajax即点即改
JiaZhaoMeng的博客
04-12 288
<script> $(function () { //将span标签更改为input标签 $(document).on("dblclick",'#node_title',function () { var con = $(this).text().trim(); $(this).parent().html("<...
AJAX实现增删改查与分页，投票系统与IP控制
AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用的前端开发技术，通过异步方式在不刷新整个页面的情况下与服务器进行数据交换。它利用了JavaScript、XMLHttpRequest（XHR）、CSS以及服务器端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值