Ajax参数传递过程中，应用jQuery获取URL中参数值

我就是我 2022-02-02 04:41 320阅读 0赞

实际项目中，通过Ajax进行异步请求。入参数据因为业务需要来源两个部分，一是URL中参数、二是表单数据，这时请求入参设置需要进行不同的处理，详情如下：

1）业务请求数据来源

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p3MV9jc2Ru_size_16_color_FFFFFF_t_70][]

2）js处理

**先定义一个获取URL的js函数：**

function getUrlParam(name)\{    
        //构造一个含有目标参数的正则表达式对象    
        var reg = new RegExp("(^|&)"+ name +"=(\[^&\]\*)(&|$)");    
        //匹配目标参数    
        var r = window.location.search.substr(1).match(reg);    
        //返回参数值    
        if (r!=null) return unescape(r\[2\]);    
        return null;    
        \}

**设置Ajax请求参数：**

/\* 添加埋点用例 \*/  
function maidianCaseAdd() \{  
    var pointName = $("\#pointName").val();// 埋点名称  
    var platform = $("\#platform").val();// 平台  
    var platformVersion = $("\#platformVersion").val();// 设备版本  
    var pointType = $("\#pointType").val();// 埋点类型  
    var pagetype = $("\#pagetype").val();// pageType  
    var actionType = $("\#actionType").val();// actionType  
    var cate = $("\#cate").val();//cate  
    var params = $("\#params").val();// 参数  
    var sidDict = $("\#sidDict").val();// sidDict  
    var owner = $("\#owner").val();// 报备者  
    var iworkUrl = $("\#iworkUrl").val();// iworkURL  
    var IOSPath = $("\#IOSPath").val();// IOSPath  
    var ANDPath = $("\#ANDPath").val();// ANDPath  
    var state = $("\#state").val();// 状态  
    var taskId = getUrlParam('taskId');//获取URL中taskId  
      
    $.ajax(\{  
        url : "/task/addMaidianCase",  
        data : \{  
            pointName : pointName,  
            platform : platform,  
            platformVersion : platformVersion,  
            pointType : pointType,  
            pagetype : pagetype,  
            actionType : actionType,  
            cate : cate,  
            params : params,  
            sidDict : sidDict,  
            owner : owner,  
            iworkUrl : iworkUrl,  
            IOSPath : IOSPath,  
            ANDPath : ANDPath,  
            state : state,  
            taskId : taskId,  
        \},  
        dataType : "json",  
        success : function(data) \{  
            //console.log(data);  
            alert("保存成功");  
     /\*window.location.href = '/task/cancelTask';\*/  
        \},  
        error : function(e) \{  
            console.log(e);  
            console.log("保存错误");  
        \}  
    \});

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p3MV9jc2Ru_size_16_color_FFFFFF_t_70]: /images/20220202/cd814c29bead4f4a8fde01faac1c37fe.png