使用JavaScript将短链接API返回值显示在HTML页面

function sub() { var load = layer.load(), reg = new RegExp('&', 'g'), longurl = $('input[id='longurl']').val(), newlongurl = longurl.replace(reg, '%26'); $.ajax({ type: 'post', url: '/' + $('select[id='api']').val(), dataType: 'json', data: '?&longurl=' + newlongurl + $('select[id='dwzapi']').val(), async: true, success: function(a) { console.log(a); var strJson = JSON.stringify(a) //alert(strJson); var data = $.parseJSON(strJson); layer.close(load); if (data.code == 1) { $('#dwzdate').html(data.ae_url); var $modal = $('#your-modal'); $modal.modal(); } else { layer.msg(data.msg, {icon: 2}); } }, error: function () { layer.close(load); layer.msg('出问题咯，请联系站长！', {icon: 2}); } }) }

要将ae_url的值显示在HTML中，可以通过以下步骤实现：

1. 在HTML中创建一个具有特定id的元素，用于显示ae_url的值。例如，可以在HTML中添加一个具有id='dwzdate'的元素，如下所示：

<div id='dwzdate'></div>

2. 在JavaScript代码中，找到$('#dwzdate').html(data.ae_url);这一行，它将ae_url的值设置为id为'dwzdate'的元素的HTML内容。

3. 确保HTML文件中已经引入了jQuery和layer库的相关文件。

这样，当sub()函数被调用并成功返回数据时，ae_url的值将显示在id为'dwzdate'的元素中。

注意：确保sub()函数在页面加载完成后被调用，或者将其放在合适的位置，以便在需要时被调用。