thinkphp5.0如何调用ajax无刷新加载数据

下面由thinkphp教程栏目给大家介绍thinkphp5.0如何调用ajax无刷新加载数据,希望对需要的朋友有所帮助!

成都创新互联公司长期为上千多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为靖西企业提供专业的网站设计制作、成都网站设计靖西网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

控制器层那边就是调数据返回,这里不再赘述,视图层页面ajax部分写法如下

function shanchu(obj)
{
    var code = $(obj).attr("code");

    $.ajax({
        url:"/index400/Test/sc",
        data:{code:code},
        type:"POST",
        dataType:"TEXT",
        success: function(data){
            if(data==0)
            {
                alert("删除失败!");
            }
            else
            {
                $("#aaa").html(data);
                $(".sc").click(function(){
                    shanchu(this)
                });
            }
        }
    })
}

$(".sc").click(function(){
shanchu(this)
})

或者也可以这样写

shanchu()

function shanchu()
{
    $(".sc").click(function(){

        var code = $(this).attr("code");

        $.ajax({
            url:"/index400/Test/sc",
            data:{code:code},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                if(data==0)
                {
                    alert("删除失败!");
                }
                else
                {
                    $("#aaa").html(data);
                    shanchu();
                }
            }
        })

    });
}

标题名称:thinkphp5.0如何调用ajax无刷新加载数据
分享URL:http://scyanting.com/article/cghced.html