DWZ的ajax.js

最新推荐文章于 2021-08-05 21:39:33 发布
最新推荐文章于 2021-08-05 21:39:33 发布
阅读量258 收藏 1
点赞数
分类专栏： webUI 文章标签： json 数据结构与算法 javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asw987653/article/details/84359565
版权 
/**
 * @author ZhangHuihua@msn.com
 * 
 */


/**
 * 普通ajax表单提交
 * @param {Object} form
 * @param {Object} callback
 */
function validateCallback(form, callback) {
	var $form = $(form);
	if (!$form.valid()) {
		return false;
	}
	$.ajax({
		type: form.method || 'POST',
		url:$form.attr("action"),
		data:$form.serializeArray(),
		dataType:"json",
		cache: false,
		success: callback || DWZ.ajaxDone,
		error: DWZ.ajaxError
	});
	return false;
}
/**
 * 带文件上传的ajax表单提交
 * @param {Object} form
 * @param {Object} callback
 */
function iframeCallback(form, callback){
	var $form = $(form), $iframe = $("#callbackframe");
	if(!$form.valid()) {return false;}

	if ($iframe.size() == 0) {
		$iframe = $("<iframe id='callbackframe' name='callbackframe' src='about:blank' style='display:none'></iframe>").appendTo("body");
	}
	if(!form.ajax) {
		$form.append('<input type="hidden" name="ajax" value="1" />');
	}
	form.target = "callbackframe";
	
	_iframeResponse($iframe[0], callback || DWZ.ajaxDone);
}
function _iframeResponse(iframe, callback){
	var $iframe = $(iframe), $document = $(document);
	
	$document.trigger("ajaxStart");
	
	$iframe.bind("load", function(event){
		$iframe.unbind("load");
		$document.trigger("ajaxStop");
		
		if (iframe.src == "javascript:'%3Chtml%3E%3C/html%3E';" || // For Safari
			iframe.src == "javascript:'<html></html>';") { // For FF, IE
			return;
		}

		var doc = iframe.contentDocument || iframe.document;

		// fixing Opera 9.26,10.00
		if (doc.readyState && doc.readyState != 'complete') return; 
		// fixing Opera 9.64
		if (doc.body && doc.body.innerHTML == "false") return;
	   
		var response;
		
		if (doc.XMLDocument) {
			// response is a xml document Internet Explorer property
			response = doc.XMLDocument;
		} else if (doc.body){
			try{
				response = $iframe.contents().find("body").html();
				response = jQuery.parseJSON(response);
			} catch (e){ // response is html document or plain text
				response = doc.body.innerHTML;
			}
		} else {
			// response is a xml document
			response = doc;
		}
		
		callback(response);
	});
}

/**
 * navTabAjaxDone是DWZ框架中预定义的表单提交回调函数．
 * 服务器转回navTabId可以把那个navTab标记为reloadFlag=1, 下次切换到那个navTab时会重新载入内容. 
 * callbackType如果是closeCurrent就会关闭当前tab
 * 只有callbackType="forward"时需要forwardUrl值
 * navTabAjaxDone这个回调函数基本可以通用了，如果还有特殊需要也可以自定义回调函数.
 * 如果表单提交只提示操作是否成功, 就可以不指定回调函数. 框架会默认调用DWZ.ajaxDone()
 * <form action="/user.do?method=save" οnsubmit="return validateCallback(this, navTabAjaxDone)">
 * 
 * form提交后返回json数据结构statusCode=DWZ.statusCode.ok表示操作成功, 做页面跳转等操作. statusCode=DWZ.statusCode.error表示操作失败, 提示错误原因. 
 * statusCode=DWZ.statusCode.timeout表示session超时，下次点击时跳转到DWZ.loginUrl
 * {"statusCode":"200", "message":"操作成功", "navTabId":"navNewsLi", "forwardUrl":"", "callbackType":"closeCurrent"}
 * {"statusCode":"300", "message":"操作失败"}
 * {"statusCode":"301", "message":"会话超时"}
 * 
 */
function navTabAjaxDone(json){
	DWZ.ajaxDone(json);
	if (json.statusCode == DWZ.statusCode.ok){
		if (json.navTabId){ //把指定navTab页面标记为需要“重新载入”。注意navTabId不能是当前navTab页面的
			navTab.reloadFlag(json.navTabId);
		} else { //重新载入当前navTab页面
			navTabPageBreak({}, json.rel);
		}
		
		if ("closeCurrent" == json.callbackType) {
			setTimeout(function(){navTab.closeCurrentTab(json.navTabId);}, 100);
		} else if ("forward" == json.callbackType) {
			navTab.reload(json.forwardUrl);
		} else if ("forwardConfirm" == json.callbackType) {
			alertMsg.confirm(json.confirmMsg || DWZ.msg("forwardConfirmMsg"), {
				okCall: function(){
					navTab.reload(json.forwardUrl);
				}
			});
		} else {
			navTab.getCurrentPanel().find(":input[defaultValue]").each(function(){
				var defaultVal = $(this).attr("defaultValue");
				$(this).val(defaultVal);
			});
		}
	}
}

/**
 * dialog上的表单提交回调函数
 * 服务器转回navTabId，可以重新载入指定的navTab. statusCode=DWZ.statusCode.ok表示操作成功, 自动关闭当前dialog
 * 
 * form提交后返回json数据结构,json格式和navTabAjaxDone一致
 */
function dialogAjaxDone(json){
	DWZ.ajaxDone(json);
	if (json.statusCode == DWZ.statusCode.ok){
		if (json.navTabId){
			navTab.reload(json.forwardUrl, {navTabId: json.navTabId});
		} else if (json.rel) {
			navTabPageBreak({}, json.rel);
		}
		if ("closeCurrent" == json.callbackType) {
			$.pdialog.closeCurrent();
		}
	}
}

function ajaxTodoDone(backUrl,divID){
    $("#"+divID).loadUrl(backUrl,'',function(){
                 $("#"+divID).find("[layoutH]").layoutH();
             });
} 

/**
 * dialog上的表单提交回调函数(主要用于首页)
 * 服务器转回navTabId，可以重新载入指定的navTab. statusCode=DWZ.statusCode.ok表示操作成功, 自动关闭当前dialog
 * 
 * form提交后返回json数据结构,json格式和navTabAjaxDone一致
 */
function dialogMainAjaxDone(json){
	DWZ.ajaxDone(json);
	if (json.statusCode == DWZ.statusCode.ok){
		navTabAjaxMain();
		
		if ("closeCurrent" == json.callbackType) {
			$.pdialog.closeCurrent();
		}
	}
}

/**
 * 处理navTab上的查询, 会重新载入当前navTab
 * @param {Object} form
 */
function navTabSearch(form, navTabId){
	var $form = $(form);
	if (form[DWZ.pageInfo.pageNum]) form[DWZ.pageInfo.pageNum].value = 1;
	navTab.reload($form.attr('action'), {data: $form.serializeArray(), navTabId:navTabId});
	return false;
}
/**
 * 处理dialog弹出层上的查询, 会重新载入当前dialog
 * @param {Object} form
 */
function dialogSearch(form){
	var $form = $(form);
	if (form[DWZ.pageInfo.pageNum]) form[DWZ.pageInfo.pageNum].value = 1;
	$.pdialog.reload($form.attr('action'), {data: $form.serializeArray()});
	return false;
}
function dwzSearch(form, targetType){
	if (targetType == "dialog") dialogSearch(form);
	else navTabSearch(form);
	return false;
}
/**
 * 处理div上的局部查询, 会重新载入指定div
 * @param {Object} form
 */
function divSearch(form, rel){
	var $form = $(form);
	if (form[DWZ.pageInfo.pageNum]) form[DWZ.pageInfo.pageNum].value = 1;
	if (rel) {
		var $box = $("#" + rel);
		$box.ajaxUrl({
			type:"POST", url:$form.attr("action"), data: $form.serializeArray(), callback:function(){
				$box.find("[layoutH]").layoutH();
			}
		});
	}
	return false;
}
/**
 * 
 * @param {Object} args {pageNum:"",numPerPage:"",orderField:"",orderDirection:""}
 * @param String formId 分页表单选择器，非必填项默认值是 "pagerForm"
 */
function _getPagerForm($parent, args) {
	var form = $("#pagerForm", $parent).get(0);

	if (form) {
		if (args["pageNum"]) form[DWZ.pageInfo.pageNum].value = args["pageNum"];
		if (args["numPerPage"]) form[DWZ.pageInfo.numPerPage].value = args["numPerPage"];
		if (args["orderField"]) form[DWZ.pageInfo.orderField].value = args["orderField"];
		if (args["orderDirection"] && form[DWZ.pageInfo.orderDirection]) form[DWZ.pageInfo.orderDirection].value = args["orderDirection"];
	}
	
	return form;
}


/**
 * 处理navTab中的分页和排序
 * targetType: navTab 或 dialog
 * rel: 可选 用于局部刷新div id号
 * data: pagerForm参数 {pageNum:"n", numPerPage:"n", orderField:"xxx", orderDirection:""}
 * callback: 加载完成回调函数
 */  
function dwzPageBreak(options){
	var op = $.extend({ targetType:"navTab", rel:"", data:{pageNum:"", numPerPage:"", orderField:"", orderDirection:""}, callback:null}, options);
	var $parent = op.targetType == "dialog" ? $.pdialog.getCurrent() : navTab.getCurrentPanel();
	if (op.rel) {
		var $box = $parent.find("#" + op.rel);
		var form = _getPagerForm($box, op.data);
		if (form) {
			$box.ajaxUrl({
				type:"POST", url:$(form).attr("action"), data: $(form).serializeArray(), callback:function(){
					$box.find("[layoutH]").layoutH();
				}
			});
		}
	} else {
		var form = _getPagerForm($parent, op.data);
		var params = $(form).serializeArray();
		if (op.targetType == "dialog") {
			if (form) $.pdialog.reload($(form).attr("action"), {data: params, callback: op.callback});
		} else {  
			if (form) navTab.reload($(form).attr("action"), {data: params, callback: op.callback});
		}
	}
}
/**
 * 处理navTab中的分页和排序
 * @param args {pageNum:"n", numPerPage:"n", orderField:"xxx", orderDirection:""}
 * @param rel： 可选 用于局部刷新div id号
 */
function navTabPageBreak(args, rel){       
	dwzPageBreak({targetType:"navTab", rel:rel, data:args});
}


/**
 * 处理dialog中的分页和排序
 * 参数同 navTabPageBreak 
 */
function dialogPageBreak(args, rel){
	dwzPageBreak({targetType:"dialog", rel:rel, data:args});
}


function ajaxTodo(url, callback){
	var $callback = callback || navTabAjaxDone;
	if (! $.isFunction($callback)) $callback = eval('(' + callback + ')');
	$.ajax({
		type:'POST',
		url:url,
		dataType:"json",
		cache: false,
		success: $callback,
		error: DWZ.ajaxError
	});
}

/**
 * A function that triggers when all file uploads have completed. There is no default event handler.
 * @param {Object} event: The event object.
 * @param {Object} data: An object containing details about the upload process:
 * 		- filesUploaded: The total number of files uploaded
 * 		- errors: The total number of errors while uploading
 * 		- allBytesLoaded: The total number of bytes uploaded
 * 		- speed: The average speed of all uploaded files	
 */
function uploadifyAllComplete(event, data){
	if (data.errors) {
		var msg = "The total number of files uploaded: "+data.filesUploaded+"\n"
			+ "The total number of errors while uploading: "+data.errors+"\n"
			+ "The total number of bytes uploaded: "+data.allBytesLoaded+"\n"
			+ "The average speed of all uploaded files: "+data.speed;
		alert("event:" + event + "\n" + msg);
	}
}
/**
 * http://www.uploadify.com/documentation/
 * @param {Object} event
 * @param {Object} queueID
 * @param {Object} fileObj
 * @param {Object} response
 * @param {Object} data
 */
function uploadifyComplete(event, queueId, fileObj, response, data){
	DWZ.ajaxDone(DWZ.jsonEval(response));
}

/**
 * http://www.uploadify.com/documentation/
 * @param {Object} event
 * @param {Object} queueID
 * @param {Object} fileObj
 * @param {Object} errorObj
 */
function uploadifyError(event, queueId, fileObj, errorObj){
	alert("event:" + event + "\nqueueId:" + queueId + "\nfileObj.name:" 
		+ fileObj.name + "\nerrorObj.type:" + errorObj.type + "\nerrorObj.info:" + errorObj.info);
}

/**
 * 删除或修改后刷新当前页面
 * @param {Object} form
 * @param {Object} callback
 */
function navTabAjax(json){
	navTabAjaxDone(json);
	navTab.reload();
}

/**
 * 点击首页进去后添加刷新当前页
 * @param {Object} form
 * @param {Object} callback
 */
function navTabAjaxMain(){
	var reflashMain = document.getElementById("reflashMain");
	if(reflashMain != null && reflashMain != "undefined"){
		reflashMain.click();
	}
}

$.fn.extend({
	ajaxTodo:function(){
		return this.each(function(){
			var $this = $(this);
			$this.click(function(event){
				var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
				DWZ.debug(url);
				if (!url.isFinishedTm()) {
					alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
					return false;
				}
				var title = $this.attr("title");
				if (title) {
					alertMsg.confirm(title, {
						okCall: function(){
							ajaxTodo(url, $this.attr("callback"));
						}
					});
				} else {
					ajaxTodo(url, $this.attr("callback"));
				}
				event.preventDefault();
			});
		});
	},
	dwzExport: function(){
		function _doExport($this) {
			var $p = $this.attr("targetType") == "dialog" ? $.pdialog.getCurrent() : navTab.getCurrentPanel();
			var $form = $("#pagerForm", $p);
			var url = $this.attr("href");
			window.location = url+(url.indexOf('?') == -1 ? "?" : "&")+$form.serialize();
		}
		
		return this.each(function(){
			var $this = $(this);
			$this.click(function(event){
				var title = $this.attr("title");
				if (title) {
					alertMsg.confirm(title, {
						okCall: function(){_doExport($this);}
					});
				} else {_doExport($this);}
			
				event.preventDefault();
			});
		});
	}
});

 

asw987653
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dwz页面图片显示js
05-16
dwz页面图片显示jsdwz页面图片显示jsdwz页面图片显示js
dwz 如何去掉ajaxloading具体代码
09-05
在DWZ中，Ajax加载通常会显示一个loading提示，用于告知用户后台数据正在加载，提升用户体验。然而，在某些场景下，我们可能不希望显示这个loading效果，而是希望直接进行无loading状态的Ajax请求。在DWZ中去除Ajax...
DWZ的Ajax表单
大Z小z的博客
04-26 610
 Ajax表单Ajax表单相关的操作封装在dwz.ajax.js中。表单查询、分页、表单提交js方法都已经封装在里面了。开发人员自己不需写js，按标准使用就可以了。表单查询DWZ中定义表单查询和分页都是用这个pagerForm来临时存查询条件。所以需要在查询页面上放下面的form&lt;form id="pagerForm" action="xxx" method="post"&gt;      ...
DWZ-JUI Ajax.post 封装
weixin_30478619的博客
01-08 96
/*** dwz ajax post* @author taller* */public class DwzAjaxResult { private String statusCode; private String message; private String navTabId; //如果设置的话可以在返回回来的时候重新加载那个navtab，就是把那个nav...
DWZ框架Ajax无刷新表单提交处理流程是：
C# 移动手机应用
04-23 8949
DWZ框架Ajax无刷新表单提交处理流程是： 1.       ajax表单提交给服务器 2.       服务器返回一个固定格式json结构 3.       js会调函数根据这个json数据做相应的处理 注意： DWZ框架默认的ajax表单提交都是返回json数据，告诉客户端操作是否成功，成功或失败提示信息，以及成功后的处理方式（刷新某个navTab或关闭某个navTab或navTa
dwz ajax提交表单验证,DWZ框架Ajax表单提交 - DWZ富客户端框架(jQuery RIA framework) - OSCHINA - 中文开源技术交流社区...
weixin_28885791的博客
08-05 166
普通Ajax表单提交方式DWZ表单提交dwz.ajax.jsAjax表单提交 后自动调用默认 回调函数, 操作成功或失败提示.Form标签上增加onsubmit="returnvalidateCallBack(this);Ajax 表单 提交后如果需要做一些其它处理也可以自定义一个回调函数. 例如下面表单提交成功后关闭当前navTab, 或者重新载入某个tab.Form标签上增加onsubmit=...
dwz.rar_dwz_dwz struts
09-22
4. 用户通过DWZ组件与页面互动，触发AJAX请求，这些请求被Struts拦截并转发到相应的Action。 5. Struts将处理结果返回给DWZ，更新前端展示。 总之，这个“dwz.rar_dwz_dwz struts”压缩包可能包含了一个使用DWZ和...
dwz-ria.rar_dwz
09-23
压缩包中的“dwz-ria”目录可能包含了DWZ框架的演示示例，包括HTML、CSS、JavaScript和图片等资源。开发者可以通过这些示例学习如何组织和使用DWZ框架的各种功能。 4. **使用方法** - **环境准备**：确保你已经...
dwz 使用手册和详细介绍
02-02
这个框架集合了HTML、CSS、jQuery和Ajax等技术，使得即使对于JavaScript和CSS不太精通的开发人员，也能轻松创建出具有动态交互和美观界面的网页。 ### DWZ 框架概述 DWZ的核心理念是简化前端开发，提供一套完整的...
dwz_spring.rar_dwz
09-24
以及静态资源，如HTML、CSS、JavaScript文件，这部分通常是DWZ框架的核心部分，包含页面模板、样式和脚本。 4. **pom.xml** - Maven项目的配置文件，管理项目的依赖关系，如Spring、Spring MVC、Hibernate等。 ...
dwz开源web界面框架
03-18
学习DWZ的建议 •通读DWZ文档，很多新手提的问题文档中都写了 •看demo每个组件演示效果和代码（留意组件html结构） •建议安装firebug，用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍 •对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js •可以从google code下载dwz_thinkphp版本，结合php后台去理解DWZ和服务器端的交互方式 DWZ区别于其它JS框架，最大的优点 •完全开源，源码没有做任何混淆处理，方便扩展 •CSS和js代码彻底分离，修改样式方便 •简单实用，扩展方便，轻量级框架，快速开发 •仍然保留了html的页面布局方式 •支持HTML扩展方式调用UI组件，开发人员不需写js •只要懂html语法不需精通js，就可以使用ajax开发后台 •基于jQuery，UI组件以jQuery插件的形式发布，扩展方便
前端框架dwz
11-16
富客户端开发框架，基于ajax技术的国产前端框架。
dwz富框架文档
03-22
设计思路 第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量. 支持HTML扩展方式来调用DWZ组件. 标准化Ajax开发, 降低Ajax开发成本. 学习DWZ的建议 刚接触DWZ的人可能感觉DWZ文档太少、入门困难，原因都是没有掌握正确的学方法。建议按下面的步骤来学习DWZ框架： · 通读DWZ文档，很多新手提的问题文档中都写了。 · 看demo每个组件演示效果和代码（留意组件html结构）。 · 建议安装firebug，用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍。 · 对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js · 可以从google code下载dwz_thinkphp版本，结合php后台去理解DWZ和服务器端的交互方式 DWZ区别于其它JS框架，最大的优点 · 完全开源，源码没有做任何混淆处理，方便扩展 · CSS和js代码彻底分离，修改样式方便 · 简单实用，扩展方便，轻量级框架，快速开发 · 仍然保留了html的页面布局方式 · 支持HTML扩展方式调用UI组件，开发人员不需写js · 只要懂html语法不需精通js，就可以使用ajax开发后台 · 基于jQuery，UI组件以jQuery插件的形式发布，扩展方便
dwz.datepicker.js
05-29
修复了dateFmt="yyyy-MM" 时的bug，优化后更易使用，选择月份更快捷。
dwz时间控件
06-19
dwz时间控件
DWZ框架Ajax表单提交
weixin_34261739的博客
04-27 170
为什么80%的码农都做不了架构师？>>> ...
DWZ基于ajax重复请求的修复
weixin_34179762的博客
08-13 146
在同一个通用上传插件,每次都需要客户端去请求服务器,返回的html页面,如果请求的间隔很短的话,ajax会认为是重复作废的请求,这个时候需要修改一下源码来达到在短时间内重复请求也能得到响应 找到js/dwz.ajax.js 修改源码为 function ajaxTodo(url, callback){ t = Date.parse(...
dwz ajax返回json,dwz中保存数据后回调如何添加自己的回调方法
weixin_39528525的博客
08-05 207
dwz新增后会自动帮我们进行回调，并且刷新页面，提示成功信息。但是我们还需要在回调中添加自己的方法。怎么做呢？我们可以自定义一个回调函数，然后先完成自己的业务，再调用dwz的回调方法，调用dwz的ajaxDone方法我们可以去源码中拷贝。onsubmit="returnvalidateCallback(this,reloadMain)">functionreloadMain(json)...
dwz js 框架的小记
LEE_ZCF
10-27 3789
1  dwz关于左边导航菜单点 - 号 不能收缩的解决方法 解决方法如下 1.打开javascripts\dwz.ui.js 如下的代码可能会有不同的版本，找到下面的'div.accordion' 就可以，直接替换成红色部分就可以 找到 function initUI(){ 将 $('div.accordion').accordion({fillSpace:true,active:0}
git2.31.1安装与配置
最新发布
08-27
- *2* [Git-2.31.1的安装与使用](https://blog.csdn.net/DwZ735660836/article/details/115549568)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值