AjaxSubmit 是一款非常强大的前端表单提交插件,它常常被用于实现异步提交表单的功能。除此之外,AjaxSubmit 还拥有一项非常实用的功能——下载 JSON 数据。
$("#form").ajaxSubmit({ url: 'url',type: 'post',success: function (response,status) { if (status === 'success') { // 下载 JSON 数据 var a = document.createElement('a'); a.href = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(response)); a.download = 'data.json'; document.body.appendChild(a); a.click(); document.body.removeChild(a); } } });
以上就是使用 AjaxSubmit 下载 JSON 数据的代码。在表单提交成功后,成功的回调函数会被触发,这时我们可以利用 DOM API 创建一个 download 属性以及 data URI,从而实现下载 JSON 数据的功能。该功能非常适用于需要导出 JSON 数据的场景,比如导出 Excel 之前的数据预览。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。