首頁  >  文章  >  php框架  >  thinkphp5.0如何呼叫ajax無刷新載入數據

thinkphp5.0如何呼叫ajax無刷新載入數據

藏色散人
藏色散人轉載
2020-09-27 14:10:242553瀏覽

下面由thinkphp教學專欄為大家介紹thinkphp5.0如何呼叫ajax無刷新載入數據,希望對需要的朋友有幫助!

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();
                }
            }
        })

    });
}

以上是thinkphp5.0如何呼叫ajax無刷新載入數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除