Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用纯javascript和引导:如何显示JSON API获取操作的模式对话框确认响应_Javascript_Html_Twitter Bootstrap - Fatal编程技术网

使用纯javascript和引导:如何显示JSON API获取操作的模式对话框确认响应

使用纯javascript和引导:如何显示JSON API获取操作的模式对话框确认响应,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,在获取请求成功后,或者在获取请求失败时,是否可以使用引导和纯javascript显示模式对话框 表格提交 /** *表单提交的事件处理程序 */ const formUpload=document.querySelector(“上传表单”); 文件 .querySelector(“上传表单”) .addEventListener(“提交”,异步(事件)=>{ log(“表单提交处理程序”); event.preventDefault(); 让txtArea=document.querySelec

在获取请求成功后,或者在获取请求失败时,是否可以使用引导和纯javascript显示模式对话框

表格提交

/**
*表单提交的事件处理程序
*/
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,以使引导模式正常工作: