在模板中提供到文本结果的链接
提问于 2015-12-31 01:46:39
我创建了一个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;
});
});<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
输出
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-12-31 02:03:05
简单的修复方法是将其设置为超链接。将success函数中的行替换为下面。
$('#result').html( '<a href ="'+json.server_response[][1]+'">'+json.server_response[][1]+ '</a>');使用append将继续附加到现有的内容。使用多个服务器调用，您将得到结果中显示的多个链接。
Stack Overflow用户
发布于 2015-12-31 01:59:20
你可以用这个-
$('#result').append( 'ServerResponse:<a href ="' + json.server_response[][1] +'">link</a>(' + json.server_response[][1]+')');在你现有的代码中替换这个-
$('#result').append( 'ServerResponse:' + json.server_response[][1]);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34544417
复制相关文章
腾讯云开发者
