欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery dialog取后臺(tái)

李中冰2年前8瀏覽0評論

使用 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)整代碼,使其更符合我們的要求。