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

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

控制器层那边就是调数据返回,这里不再赘述,视图层页面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();
                }
            }
        })

    });
}

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注