使用纯javascript和引导:如何显示JSON API获取操作的模式对话框确认响应
在获取请求成功后,或者在获取请求失败时,是否可以使用引导和纯javascript显示模式对话框 表格提交使用纯javascript和引导:如何显示JSON API获取操作的模式对话框确认响应,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,在获取请求成功后,或者在获取请求失败时,是否可以使用引导和纯javascript显示模式对话框 表格提交 /** *表单提交的事件处理程序 */ const formUpload=document.querySelector(“上传表单”); 文件 .querySelector(“上传表单”) .addEventListener(“提交”,异步(事件)=>{ log(“表单提交处理程序”); event.preventDefault(); 让txtArea=document.querySelec
/**
*表单提交的事件处理程序
*/
const formUpload=document.querySelector(“上传表单”);
文件
.querySelector(“上传表单”)
.addEventListener(“提交”,异步(事件)=>{
log(“表单提交处理程序”);
event.preventDefault();
让txtArea=document.querySelector(“文件内容”);
const response=wait sendJSON(txtArea.textContent);
//如何在此处显示模式引导对话框以确认成功
//或来自json api请求的错误消息
控制台日志(响应);
});
HTML表单
上传
使用此表单将json文件上载到API
JSON文件
清楚的
提交
您可能希望在请求回调中使用此选项:
//div.modal-content中的可选成功消息
$('.modal content').text('我的成功或错误消息')
//打开/关闭模式
$('#myModal').modal('toggle'))
以下是引导模式的示例:
...
您可以通过javascript查看更多有关引导模式的信息干杯,我会尝试一下,非常感谢:)切换模式时是否可以指定消息内容,例如$(“#myModal”)。模式('toggle','my message')我将为此编辑我的帖子!确保已安装jquery,以使引导模式正常工作: