getJSON добавляет предыдущий URL. JQuery

Question

У меня есть Spring сервер с HTML-страницами с Thymeleaf Engine и я использую JQuery для создания getJSON:

Когда мой сервер перенаправляет к этому URL localhost:8080/redirect_admin/ где находится следующий мир коды:

<table> 
    <tr> 
    <td> 
     <input type="text" class="add_youtube_link" th:id="${id_local}" /> 
     <input type="button" id="upload_youtube_links" onclick="add_youtube_link()" value="Add new Youtube Link"/> 
    </td> 
    </tr> 
</table> 

Где я могу добавить ссылку для добавления на моем сервере. Ну, когда я нажимаю на onclick следующая функция Javascript будет работать:

function add_youtube_link() 
{ 
    var url2 = "add_youtube_link/"+$(".add_youtube_link").attr('id')+"/"+$(".add_youtube_link").val().replace(/\//g,"_"); 
    alert(url2); 
    $.getJSON(url2, function (data) { 
    // window.location = "redirect_media/"+$(".add_youtube_link").attr('id'); 
    }); 
} 

Таким образом, функция предупреждения отображается правильно новый URL-адрес: add_youtube_link/1/ZyDO4FUVxXk до этого момента все в порядке.

Но, если я взгляну в сети Вход на Chrome, то URL называется это:

GET http://localhost:8080/redirect_media/add_youtube_link/1/ZyDO4FUVxXk 404 (Not Found).

Таким образом, проблема в том, что предыдущий URL-адрес redirect_admin/ автоматически добавляет новый URL-адрес. Кто-нибудь знает, как его решить?

Спасибо

Answer 1

всегда хорошая идея использовать базовый URL в коде, так что вы не сталкиваются с проблемами, как это:

var baseUrl = location.protocol + "//" + location.hostname + (location.port && ":" + location.port) + "/"; 

Затем включите этот базовый URL с любым URL

var url2 = baseUrl + "add_youtube_link/"+$(".add_youtube_link").attr('id')+"/"+$(".add_youtube_link").val().replace(/\//g,"_"); 

Answer 2

Обычно такая ошибка возникает, когда адрес вашего физического скрипта отличается от вашего html-страницы. Решение состоит в том, что мы всегда передаем частичный адрес из контекста, где функция вызывается, и в этом случае ваша html-страница.