Jquery UI,Dialog,Ajax

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

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #JavaScript #ViewUI

JS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用jQuery UI实现的对话框功能，该对话框用于确认用户是否进行删除操作，并通过AJAX发送请求来改变服务器端的状态。

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