gpt4 book ai didi

javascript - 如何在jquery中创建一个按钮,使其href属性等于ajax响应

转载 作者:行者123 更新时间:2023-12-01 02:39:06 24 4
gpt4 key购买 nike

有像这样的ajax请求:

$.ajax({
type: 'POST',
url: 'mysite/action',
dataType: 'json',
data: postData,
success: function(response) {
console.log(response);
var input = $('<a class="btn btn-info" href="....response...." role="button">Link</a>');
input.appendTo($("body"));
}
});

我在 ajax 响应中获得一个链接,如何创建一个其 href 属性等于该 ajax 响应的按钮?

最佳答案

您还可以在对象中传递属性,该对象将为您处理字符串清理问题,例如转义引号:

$('<a/>', {
'class': 'btn btn-info',
href: response,
role: 'button',
text: 'Link'
}).appendTo('body');
<小时/>

为了响应下面的评论,只需将类似构造的范围传递给append。与下面的示例相比,我从属性对象中删除了 text 属性,并在后续的 append 调用中添加链接文本,以在文本之前插入图标,如果这是您想要的。

如果您想保留文本属性,当然可以通过添加带有 prepend 的跨度来实现,但我认为按顺序添加元素更具语义意义您希望它们出现。

$('<a/>', {
'class': 'btn btn-info',
href: response,
role: 'button'
}).append(
$('<span/>', { 'class': 'glyphicon glyphicon-download' })
).append(' Link')
.appendTo('body');

关于javascript - 如何在jquery中创建一个按钮,使其href属性等于ajax响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55411008/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com