自己写的一个ajax+artdialog的小实例

先将代码贴上

	function modifyOnClick(eid){
			var id =$(eid).parent().parent().find("#id").val();
			$.ajax({
				type:"POST",
				url:"dept/deptTableDataAction!showChangeDepartmentInfo.htm",
			    data:{id:id},
			    dataType:"json",
			    success:function(data){
			    	var dept = data.dept;
			    	var str ="";
			    	str += '<div class="font-size:14px;"><table>';
			    	str += '<tr height="30px"><td><span>主索引号:</span></td><td>'+dept.id+'<input type="hidden" id="merge_Dialog_id" value="'+dept.id+'"/></td></tr>';
					str += '<tr height="30px"><td><span>科室代码：</span></td><td><input type="text" id="merge_Dialog_wardCode" value="'+dept.wardCode+'"/></td></tr>';
					str += '<tr height="30px"><td><span>科室名称：</span></td><td><input type="text" id="merge_Dialog_wardName" value="'+dept.wardName+'"/></td></tr>';
					str += '<tr height="30px"><td><span>上级科室代码：</span></td><td><input type="text" id="merge_Dialog_superiorDeptCode" value="'+dept.superiorDeptCode+'"/></td></tr>';
					str += '<tr height="30px"><td><span>上级科室名称：</span></td><td><input type="text" id="merge_Dialog_superiorDeptName" value="'+dept.superiorDeptName+'"/></td></tr>';
					str += '</table></div>';
					art.dialog({title: "修改科室信息",
						content:str,
						yesText:"确定",
						noText:"取消",
						fixed: true,
		        		lock: true,
		        		esc:true,
						},
						//确定
						function(){
							submitDeptData();
							pagination.onReload();
						},
						//取消
						function(){
							return;
					});
			    }
			});

	}

	function submitDeptData(){
		var id = $('#merge_Dialog_id').val();
		var wardCode = $('#merge_Dialog_wardCode').val();
		var wardName = $('#merge_Dialog_wardName').val();
		var superiorDeptCode = $('#merge_Dialog_superiorDeptCode').val();
		var superiorDeptName = $('#merge_Dialog_superiorDeptName').val();
		$.getJSON(
			"dept/deptTableDataAction!updateDepartmengInfo.htm",
			{
				"dept.id":id,
				"dept.wardCode":wardCode,
				"dept.wardName":encodeURI(wardName),
				"dept.superiorDeptCode":superiorDeptCode,
				"dept.superiorDeptName":encodeURI(superiorDeptName)
			},
			function(data){
				art.dialog.alert("科室信息修改成功！");
				pagination.onReload();
			}
		);
	}	function submitDeptData(){
		var id = $('#merge_Dialog_id').val();
		var wardCode = $('#merge_Dialog_wardCode').val();
		var wardName = $('#merge_Dialog_wardName').val();
		var superiorDeptCode = $('#merge_Dialog_superiorDeptCode').val();
		var superiorDeptName = $('#merge_Dialog_superiorDeptName').val();
		$.getJSON(
			"dept/deptTableDataAction!updateDepartmengInfo.htm",
			{
				"dept.id":id,
				"dept.wardCode":wardCode,
				"dept.wardName":encodeURI(wardName),
				"dept.superiorDeptCode":superiorDeptCode,
				"dept.superiorDeptName":encodeURI(superiorDeptName)
			},
			function(data){
				art.dialog.alert("科室信息修改成功！");
				pagination.onReload();
			}
		);
	}

这里有用到ajax，artdialog，getJSON等插件，利用字段拼接的方式将div嵌入到弹出框中

另外有关artdialog页面的跳转要多注意，有些时候需要点击确定跳转到某个页面的话，看看是不是跳转到artdialog这个窗口里显示了，由于窗口取消了，会导致跳转的页面不能显示。解决的方法有：在“确定”这个function中用window或者是top这样的对象对页面进行重新定位。