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

最新推荐文章于 2024-09-24 14:57:27 发布

原创最新推荐文章于 2024-09-24 14:57:27 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

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

$.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));
							 	}
							 } 
						});