Jquery UI,Dialog,Ajax

使用jQuery实现对话框功能

最新推荐文章于 2021-08-06 15:58:55 发布

原创最新推荐文章于 2021-08-06 15:58:55 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #JavaScript #ViewUI

JS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用jQuery创建一个不可调整大小的对话框，并在点击确定按钮后通过AJAX请求获取服务器状态并更新UI显示。

$("#dialog").dialog({
      resizable: false,
      height:140,
      width:200,
      modal: true,
      buttons: {
	        "确定删除": function() {
	          $.ajax({
                        type: "POST",  
                        url: "networkArea/getState.do",  
                        data: {"msg":"getState","flag":1},  
                        dataType: "json",//服务器返回内容格式  
                        success: function(data){  
        	            //var result = JSON.parse(data); 
        	           //alert(data.networkState);
        	           if(data.networkState==1){
        		   $("#networkState").css("color","green");
        		   $("#networkState").text("On");
        	              }
                            }
			});
			  $( this ).dialog( "close" );
	        },
	        Cancel: function() {
	          $( this ).dialog( "close" );
	        }
          }
       });