jQuery blockUI插件在ajax提交的时候的用处

leadway123

于 2015-07-21 15:31:42 发布

阅读量992

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/leadway123/article/details/46986941

本文介绍了一个使用AJAX技术从服务器获取特定大厅内的空闲摊位信息的示例。通过POST请求调用GetFreeStand.do接口，并传递大厅ID和计划ID作为参数，最终将返回的JSON数据填充到选择框中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
							type: "POST",
							 url: "GetFreeStand.do",
							 data:   "hid="+$("#hall").val()+"&pid="+$("#plan").val(),
							 dataType:'json',
							 async: false,
							 beforeSend:function(){
				 				$.blockUI({message:'获取大厅大厅的空闲摊位，请稍候...'});
				 			},
				 			complete: function() {
			                    $.unblockUI(); 
			                } ,
							 success: function(data){	
							 	$("#stand").empty();
							 	for(var i=0;i<data.rows.length;i++){
							 		var row = data.rows[i];						
									$("#stand")[0].options.add(new Option(row.name,row.id));
							 	}
							 } 
						});