当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 封装Ajax传递的数据代码

Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
JavaScript 创建随机数和随机图片
javascript document.execCommand() 常用解析
firefox下对ajax的onreadystatechange的支持情况分析
Javascript attachEvent传递参数的办法
jQuery Attributes(属性)的使用(一、属性篇)
jquery自动完成插件(autocomplete)应用之PHP版
查询绑定数据岛的表格中的文本并修改显示方式的js代码
讨论javascript(一)工厂方式 js面象对象的定义方法
IE不支持option的display样式,只能使用remove和add
多浏览器兼容的获取元素和鼠标的位置的js代码
js checkbox全选并将获取值放到input里边
javascript 日期联动选择器 [其中的一些代码值得学习]
javascript实现的仿51job地址多项选择方式效果
jQuery 渐变下拉菜单
利用图片的 onerror 事件载入默认图片
js实现页面打印功能实例代码(附去页眉页脚功能代码)
JQuery读取XML文件数据并显示的实现代码
比较详细的关于javascript 解析json的代码
TextArea 控件的最大长度问题(js json)

Javascript 中的 JavaScript 封装Ajax传递的数据代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 436 ::
收藏到网摘: n/a

在使用Ajax传输数据时,少不了对传递的字符进行转码,我的实现方式是将需要传递的数据暂存到一js Bean中,将js Bean放到Array中,生成传输参数时对Array中的jsBean进行分解,得到相应属性信息并编码..
复制代码 代码如下:

var paramBeanList = new Array();
Array.prototype.addParamBean=function(paramBeanObj){
var index = this.containParamBean(paramBeanObj);
if (index != -1) {
this[index] = paramBeanObj;
} else {
this.push(paramBeanObj);
}
};
Array.prototype.clear=function(){
if (this.length == 0) {
return;
}
for (var index in this) {
this.pop();
}
};
Array.prototype.containParamBean=function(paramBeanObj){
var index = -1;
if (this.length == 0) {
return index;
}
for (var tempIndex = 0, step = this.length; tempIndex < step; tempIndex++) {
if (this[tempIndex].compare(paramBeanObj) == 0) {
index = tempIndex;
break;
}
}
return index;
};
var ParamBean = new function(pkCode, opDate, value) {
this.pkCode = pkCode;
this.opDate = opDate;
this.value = value;
};
ParamBean.prototype={
toString:function() {
return "[pkCode:" + this.pkCode + ",opDate:" + this.opDate +",value:" + this.value + "]";
},
doVerify:function() {
return (this.pkCode ? this.opDate ? this.value ? "true" : "false" : "false" : "false");
},
compare:function(otherObj) {
var result = -1;
if (otherObj) {
if (this.pkCode == otherObj.pkCode && this.opDate == otherObj.opDate
&& this.value == otherObj.value) {
result = 0;
}
}
return result;
}
};
var ParamUtils = new Object();
ParamUtils.doCreateAjaxStr=function() {
var paramStr = "";
if (paramBeanList.length == 0) {
return paramStr;
}
var keyParamArray = new Array();
var valueParamArray = new Array();
for (var index = 0, step = paramBeanList.length; index < step; index++) {
var tempObj = paramBeanList[index];
keyParamArray.push(tempObj.pkCode + "`" + tempObj.opDate);
valueParamArray.push(tempObj.value);
}
paramStr = "KEY_PARAM=".concat(encodeURIComponent(keyParamArray.join(","))).concat("&").concat("VALUE_PARAM=".concat(encodeURIComponent(valueParamArray.join(","))));
return paramStr;
};

这篇文章我写了一会,到了csdn上弄了半天提不上去,我用IE6切到高级编辑,内容直接就是空,最后用Firefox浏览器竟然又提上来了。。