JavaScript 封装Ajax传递的数据代码

 更新时间:2009年06月05日 22:34:19   作者:  
在使用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浏览器竟然又提上来了。。

相关文章

  • Js 实现表格隔行换色一例

    Js 实现表格隔行换色一例

    Js实现表格隔行换色一例,这种效果网上已经有很多啦,每一种都有特色,请大家选择使用。
    2009-11-11
  • js中的referrer返回上一页使用介绍

    js中的referrer返回上一页使用介绍

    js中的referrer想必大家并不陌生吧,在本文将为大家详细介绍其是如何使用的,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-09-09
  • 网站导致浏览器崩溃的原因总结(多款浏览器) 推荐

    网站导致浏览器崩溃的原因总结(多款浏览器) 推荐

    对于访客,如果登录您网站,浏览器就立刻崩溃,我想这对谁都是无法容忍的,对此总结了网站导致浏览器崩溃的原因
    2010-04-04
  • JS 简单实现拖拽评星的示例代码

    JS 简单实现拖拽评星的示例代码

    本文主要介绍了JS 简单实现拖拽评星,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • 详解element-ui 表单校验 Rules 配置 常用黑科技

    详解element-ui 表单校验 Rules 配置 常用黑科技

    这篇文章主要介绍了element-ui 表单校验 Rules 配置 常用黑科技,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • JavaScript实现的简单烟花特效代码

    JavaScript实现的简单烟花特效代码

    这篇文章主要介绍了JavaScript实现的简单烟花特效代码,涉及JavaScript数学运算及页面元素基于定时函数运动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Javascript无参数和有参数类继承问题解决方法

    Javascript无参数和有参数类继承问题解决方法

    这篇文章主要介绍了Javascript无参数和有参数类继承问题解决方法,本文讲解了无参数类继承的问题和有参类继承的问题,并给出了解决方案,需要的朋友可以参考下
    2015-03-03
  • Js面试算法详解

    Js面试算法详解

    AI的兴起,使得大家对算法的关注也越来越高。而作为一个前端工程师,算法很多时候是我们的弱点,本文译自国外一篇面试题。列出了一些简单算是跟算法相关的面试题
    2018-04-04
  • 微信小程序实现小型计算器

    微信小程序实现小型计算器

    这篇文章主要为大家详细
    介绍了微信小程序实现小型计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • 一个JavaScript递归实现反转数组字符串的实例

    一个JavaScript递归实现反转数组字符串的实例

    这篇文章主要介绍了一个JavaScript递归实现反转数组字符串的实例,很不错,非常适合新手朋友们
    2014-10-10

最新评论