web2py：如何檢測一個LOAD組件通過ajax加載？

Question

我正在使用{{=LOAD(...)}}在我的web2py頁面中注入一個組件，如http://web2py.com/books/default/chapter/29/12/components-and-plugins#LOAD所述，但是我需要在組件加載完成後觸發一些JavaScript。通常情況下，如果通過ajax加載某個東西，則會有成功的回調。如何在web2py中通過{{=LOAD(...)}}設置其中一個？

Answer 1

最簡單的方法是設置response.js在組件的控制器：

def mycomponent(): 
    response.js = 'alert("mycomponent just loaded");' 
    return dict() 

或者，你可以簡單地包括<script>標籤直接在組件本身，該組件被加載時，將執行。

最後，每當web2py Ajax調用完成時，就會觸發一個ajax:complete事件。所以，你可以設置一個事件處理程序，並檢查Ajax響應是否是一個組件：

$(document).on('ajax:complete', function(e, xhr, status) { 
    if (xhr.getResponseHeader('web2py-component-content')) { 
     alert('A component just loaded.'); 
    } 
    }); 

注意，web2py-component-content頭的存在表明Ajax響應是一個組件。

最後這個方法唯一的缺點是，事件處理程序將被觸發前組件的內容添加到DOM，所以如果事件處理程序需要長時間運行，它可以顯着拖延的外觀組件內容。