js ajax方式拼接参数

最新推荐文章于 2024-05-18 11:09:56 发布

加油中…………

最新推荐文章于 2024-05-18 11:09:56 发布

阅读量440

点赞数 1

分类专栏： js实现文章标签：前端 javascript ecmascript ajax

本文链接：https://blog.csdn.net/qq_71808304/article/details/126717221

版权

js实现专栏收录该内容

6 篇文章 0 订阅

订阅专栏

项目采用前端easyui+后端handler方式，一个老套的组合，比较适合当前的团队。

项目中有大量场景是做数据展示，主要是收集表单上的参数，统一提交到后端进行sql语句的拼装然后json序列化到前端grid控件上。

为减少前后端代码量，约定好前端和后端字段保持一致，前端封装一个js函数负责收集参数提交到后端，后端动态解析转换为sql语句where部分。

//获取容器的键值对
function getParams(elem) {
    var params = {};
    $(elem).find("*").each(function () {
        if ($(this).attr("name")) {
            var key = $(this).attr("name");
            var value = "";
            if ($(this).val()) {
                value = $(this).val();
            } else {
                value = $(this).text()
            }
            if (value != "") {
                params[key] = value;
            }
        }
    });
    return params;
}

//将键值对组装为URL参数格式
var parseParam = function (param, key) {
    var paramStr = "";
    if (param instanceof String || param instanceof Number || param instanceof Boolean) {
        paramStr += "&" + key + "='" + encodeURIComponent(param) + "'";
    } else {
        $.each(param, function (i) {
            var k = key == null ? i : key + (param instanceof Array ? "[" + i + "]" : "." + i);
            paramStr += '&' + parseParam(this, k);
        });
    }
    return paramStr.substr(1);
};

js提交的时候只需要传入参数的容器即可。

function search() {
            var params = getParams("#customtb");//收集容器里查询条件
            $('#myGrid').datagrid('load', { 't': 'search', keyWord: parseParam(params) });
  }

后端解析，如果不涉及条件的特殊处理，后端得到参数直接替换&为and即可，因项目中有时间字段，做了特殊处理。

public static string TranlateUrl2QueryString(string strParams)
        {
            string sql = "";
            if (!string.IsNullOrWhiteSpace(strParams))
            {
                string[] arrParams = strParams.Split('&'); //dtStart='2016-05-04' 
                List<string> list = new List<string>();
                foreach (string s in arrParams)
                {
                    if (s.ToLower().StartsWith("dtstart"))//时间的特殊处理
                    {
                        string[] keyPairs = s.Split('=');
                        string sqlKeyPairs = string.Format(" MODIFYON > to_date({0}, 'yyyy-MM-dd') ", keyPairs[1]);
                        list.Add(sqlKeyPairs); //sqlWhere += sqlKeyPairs;
                    }
                    else if (s.ToLower().StartsWith("dtend"))
                    {
                        string[] keyPairs = s.Split('=');
                        string sqlKeyPairs = string.Format(" MODIFYON < to_date({0}, 'yyyy-MM-dd') ", keyPairs[1]);
                        list.Add(sqlKeyPairs);
                    }
                    else
                    {
                        list.Add(s);
                    }
                }
                sql = Utils.URLDecode(" where " + string.Join(" and ", list));
            }
            return sql;
        }