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

zjnbshifox

于 2009-02-25 10:59:32 发布

阅读量189

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： Ajax jQuery json ViewUI

本文链接：https://blog.youkuaiyun.com/zjnbshifox/article/details/83357204

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个使用Ajax技术动态从服务器加载特定展厅内空闲摊位信息的示例。通过POST请求发送展厅ID和计划ID到指定URL，然后以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));
							 	}
							 } 
						});