Laravel 使用Ajax的GET请求

历史老师-

已于 2023-02-28 15:08:20 修改

阅读量465

点赞数

分类专栏： laravel框架文章标签： laravel 前端 php

于 2022-09-08 17:05:01 首次发布

本文链接：https://blog.csdn.net/qq_32450471/article/details/126767895

版权

laravel框架专栏收录该内容

31 篇文章 2 订阅

订阅专栏

1.定义路由

Route::get('/login', 'LoginController@login');

2.html 绑定点击事件

<input tyep="text" name="name" id="name" />
<input tyep="password" name="pwd" id="pwd" />
<div onclick="login()">登录</div>

3.js发送ajax

<script src='./index.js'><script>
<script src="jquery-1.10.2.min.js"></script>


<script>
function login(){
    var name = $('#name').val();
    var pwd = $('#pwd').val();
    $.ajax({
            type:"GET",
            url:"www.xxx.com/login?name="+name+'&pwd='+pwd,
            success:function (res){
               alert('ok');
            },
            error:function(){
                alert('error');
            }
        });

}
</script>

示例2:

删除功能发送ajax

  <div class="btn-box">
            <div class="del-btn" onclick="del({{$info['id']}},{{$info['type']}})">删除</div>
            @if($info['data_type']==2)
                <div class="enit-btn">
                    <a class="btn-edit" href="{{ route('admin_mobile_setting_tv_medical_reps_addEdit',['id'=>$info['id'],'type'=>$info['type']]) }}">编辑</a>
                </div>
            @endif
        </div>


   <script type="text/javascript">

        function del(id,type) {
            var id = id;
            var type = type;
            layer.confirm('确认删除吗？', {
                btn : [ '确定', '取消' ]
            }, function(index) {
                layer.close(index);
                $.ajax({
                    type: "GET",
                    url: '/app/admin/mobile_setting/tv/medical_reps_del'+'?id='+id,
                    success:function(data){
                        //执行代码
                        layer.msg('删除成功',{icon:1,time:2000},function(){
                            if (type == 1) {
                                window.location = "/app/admin/mobile_setting/tv/blood_pressure_index";
                            }
                            if (type == 2) {
                                window.location = "/app/admin/mobile_setting/tv/blood_sugar_index";
                            }
                            if (type == 3) {
                                window.location = "/app/admin/mobile_setting/tv/blood_uric_acid_index";
                            }
                        });
                    },
                    error:function (data) {
                        layer.msg('删除失败',{icon:1,time:2000},function(){
                            parent.location.reload();
                        });
                    }
                });
            });
        }

    </script>