使用 jQuery Dialog 取后臺(tái)信息是非常簡單的,在此我們可以使用 Ajax 技術(shù)來實(shí)現(xiàn)。下面是一個(gè)使用 jQuery Dialog 取后臺(tái)返回信息的步驟:
$(document).ready(function (){ $( "#dialog-message" ).dialog({ autoOpen: false, modal: true, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); $( "#show-message" ).click(function() { $.ajax({ type: "POST", url: "example.com", data: { name: "John", location: "Boston" } }).done(function( msg ) { $( "#dialog-message" ).html( msg ); $( "#dialog-message" ).dialog( "open" ); }); }); });
上面的代碼中,我們使用到了 jQuery 及 jQuery UI 庫,同時(shí)也引入了一個(gè)外部的頁面“example.com” 作為演示用的返回信息。我們綁定了一個(gè)按鈕( "#show-message" ) 的單擊事件,單擊后即通過 Ajax 調(diào)用外部頁面返回信息。之后獲取到信息后,將信息插入到一個(gè) div ( "#dialog-message" ) 中,并將該 div 顯示為一個(gè) jQuery Dialog。
在開發(fā)時(shí),我們可以根據(jù)自己的需求和實(shí)際情況來調(diào)整代碼,使其更符合我們的要求。