ajax调用中不需要的null导致找不到错误

Question

我对ajax请求有问题。不需要的null被添加到对控制器的请求中，并导致控制台中未找到错误，如下所示，变量y被忽略级联

GET http://localhost:8080/results/675305/null 404 (Not Found)

但是我想要一个看起来像的请求

GET http://localhost:8080/results/675305/edit

以下ajax调用的代码：

function openEditModal(id){
var x="/results/";
var y="/edit";
console.log(x+id+y);
$.ajax({
url: x +id+ y,
success: function(data){
$("#editResultModalHolder").html(data);
$('#editResultModal').modal({
backdrop: 'static'
});
}
});
}

我写了不需要的null，因为当我更改y变量从"/edit"到"/edit/"，它导致THIS请求字符串

GET http://localhost:8080/results/675305/edit/null 404 (Not Found)

我该怎么解决这个问题？

Answer 1

试试这个

function openEditModal(id){
var url ="/results/id/edit";
url = url.replace('id', id);
$.ajax({
url: url,
success: function(data){
$("#editResultModalHolder").html(data);
$('#editResultModal').modal({
backdrop: 'static'
});
}
});
}

你可以在这里尝试一个片段

function replaceIdInUrl(id){
var url ="/results/id/edit";
url = url.replace('id', id);
document.write(url);
}
replaceIdInUrl(15);