Как включить гиперссылку URL в JSON

Мне нужно определить значение поля JSON как URL-ссылку. Как этого добиться.

Бывший

{
"myurl":"<I need to give URL hyper link here>"
}

Не могли бы вы прояснить вашу проблему? Есть ли в вашем URL-адресе специальные символы? Какой у вас язык программирования? Откуда берется значение - оно предопределено (фиксировано) или берется из какой-то переменной? Где ваш json определен, в вашем коде или отдельном файле?

mpasko256 18.12.2018 18:40

@ mpasko256 У меня есть специальные символы, которые мне нужны, чтобы скрыть строку URL с фактическим скрытием URL, а отображаемый текст - Нажмите здесь

springbootlearner 18.12.2018 20:28
Как сделать HTTP-запрос в Javascript?
Как сделать HTTP-запрос в Javascript?
В JavaScript вы можете сделать HTTP-запрос, используя объект XMLHttpRequest или более новый API fetch. Вот пример для обоих методов:
1
2
28
2

Ответы 2

Просто укажите значение URL-адреса в теге привязки

Предположим, вы кодируете чистый html / javascript

Чтобы создать специальные символы:

  1. Используйте ' вместо " или используйте escape-последовательности \'

  2. Используйте встроенный javascript: encodeURI

Образец кода:

(function() {
  const json = {
    "myurl": 'https://stackoverflow.com/questions/53838312/how-to-inlcude-a-url-hyper-link-in-json?noredirect=1#comment94527886_53838312'
  };

  function getMyUrl() {
    return encodeURI(json.myurl);
  }

  function setupLink() {
    const linkId = 'link';
    const linkElement = document.getElementById(linkId);
    linkElement.setAttribute('href', getMyUrl());
  }

  function onReady() {
    setupLink();
  }

  document.addEventListener("DOMContentLoaded", onReady);
})();
<!DOCTYPE html>
<html>

<head>
  <link rel = "stylesheet" href = "style.css">
</head>

<body>
  <a id = "link" target = "_blank">Click here!</a>
</body>

</html>

Другие вопросы по теме