Указать ссылку на текст в шаблоне

Question

Я был создан приложение Django и создал IP-адрес соответствующего доменного имени.

JQuery

$(document).ready(function() { 
    $("#button").click(function() { 
     var input_string = $("#forminput").val(); 
     $.ajax({ 
      url: "/ajaxexample_json", 
      type: "POST", 
      dataType: "json", 
      data: { 
       client_response: input_string, 
       csrfmiddlewaretoken: '{{ csrf_token }}' 
      }, 
      success: function(json) { 
       $('#result').append('ServerResponse:' + json.server_response[][1]); 
      }, 
      error: function(xhr, errmsg, err) { 
       alert(xhr.status + ": " + xhr.responseText); 
      } 
     }); 
     return false; 
    }); 
}); 

HTML

<form method="post" name="example form" > 
     {% csrf_token %} 
     <input name="example" id="forminput" type="text"> 
     <input id="button" type="button" value="send to server"></input> 
</form> 
<div id="result"> 
</div> 

Вот если мы входим в "google.com" в форме ввода его вывод, как этот

ServerResponse:216.58.197.78 

Здесь Я хочу получить результат в формате ссылок, т.е.

ServerResponse:link(216.58.197.78) 

Если я нажмите на ссылку она непосредственно пройти через 216.58.197.78 в локальном хосте

Выход

Answer 1

Простым решением является установка его как гиперссылки. Замените линию с помощью функции success ниже.

$('#result').html('<a href ="'+json.server_response[][1]+'">'+json.server_response[][1]+ '</a>'); 

Использование append будет держать на добавление в существующий контент. С несколькими вызовами сервера вы получите несколько ссылок, показанных в результате.

Answer 2

вы можете использовать это -

$('#result').append('ServerResponse:<a href ="' + json.server_response[][1] +'">link</a>(' + json.server_response[][1]+')'); 

заменить это в существующем коде -

$('#result').append('ServerResponse:' + json.server_response[][1]);