在JSP页面上使JSON响应中的字段可单击(url),可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div id="jsonResponse"></div>
<script>
$(document).ready(function() {
$.ajax({
url: "url", // 替换为实际的URL地址
dataType: "json",
success: function(response) {
var jsonResponse = JSON.stringify(response);
$("#jsonResponse").html(jsonResponse);
}
});
});
</script>
<style>
.clickable {
cursor: pointer;
color: blue;
text-decoration: underline;
}
</style>
<script>
$(document).on("click", ".clickable", function() {
var url = $(this).data("url");
window.location.href = url;
});
</script>
<script>
$(document).ready(function() {
$.ajax({
url: "url", // 替换为实际的URL地址
dataType: "json",
success: function(response) {
var jsonResponse = JSON.stringify(response);
jsonResponse = jsonResponse.replace(/"url":"(.*?)"/g, '"url":"<span class=\'clickable\' data-url=\'$1\'>$1</span>"');
$("#jsonResponse").html(jsonResponse);
}
});
});
</script>
通过以上步骤,就可以在JSP页面上使JSON响应中的字段可单击,并实现跳转到指定URL的功能。请注意,以上代码中的"url"需要替换为实际的URL地址。
领取专属 10元无门槛券
手把手带您无忧上云