Ajax参数传递过程中,应用jQuery获取URL中参数值
实际项目中,通过Ajax进行异步请求。入参数据因为业务需要来源两个部分,一是URL中参数、二是表单数据,这时请求入参设置需要进行不同的处理,详情如下:
1)业务请求数据来源
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("保存错误");
}
});