Ajax、模态框与后台传值的简单应用

今天写页面，遇到个模态框，说实话以前很少写，今天就记录下，方便以后查看。
下面是个很简单的input输入框及保存按钮的小栗子：

  	

		

			

            			
新增服务器
        
        	
         	

				

				
			Upstream*
			
	
				
	服务器名称*
			
				
					

						

		保存
		取消
						
					
				
			
		
	

在当前页面引入js文件即可，js中这么写：

$(function() {
//添加服务详情	
	$("#itemSave").on("click",function(){
		$.post(base_url +"/jobinfo/addItem",$("#itemForm").serialize(),function(data){
			$('#nameModal').modal({backdrop: false, keyboard: false}).modal('hide');
			});
	});

});

• itemSave为 保存button的id
• itemForm为模态框内的form表单id
• data为后台Controller传回来的数据
• nameModal’为模态框的id
• hide为点击保存按钮后，隐藏模态框

以上就简单的实现了模态框内置form表单，向后台传值