click中的pendig引导模式用于加载远程数据
pendig bootstrap modal in click for load remote data
我有这样的代码,用于使用jquery ajax将动态数据从远程文件加载到引导程序中:
JS:
$(function(){
$('.push').click(function(){
var essay_id = $(this).attr('id');
$.ajax({
type : 'post',
url : 'your_url.php', // in here you should put your query
data : 'post_id='+ essay_id, // here you pass your id via ajax .
// in php you should use $_POST['post_id'] to get this value
success : function(r)
{
// now you can show output in your modal
$('#mymodal').show(); // put your modal id
$('.something').show().html(r);
}
});
});
});
HTML:
<a href="#" id="1" class="push">click</a>
<div class="modal-body">
<div class="something" style="display:none;">
// here you can show your output dynamically
</div>
</div>
这对我有效,但模式框在加载/挂起数据之前不会显示。我需要在点击后加载模态框,然后加载数据。
怎么解决这个问题?!
您可以在加载时在点击事件之外进行ajax调用,并在点击时显示隐藏:
$(document).ready(function() {
var essay_id = $(this).attr('id');
var results;
$.ajax({
type : 'post',
url : 'your_url.php',
async: false
'post_id='+ essay_id,
success : function(r) {
results = r;
}
});
$(' your_element').click(function() {
if (results) {
$('#mymodal').show();
$('.something').show().html(results);
}
});
});
使用async:false将强制它在继续脚本之前完成您的请求。希望这能有所帮助。
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- Highcharts系列.数据数据类型限制
- 在jQuery mobile/java脚本的TextBoxes中动态添加未加载的数据.数据具有[object HTMLI
- 严格模式下的图像数据数据分配
- 具有持久数据(数据存储)的Chrome扩展程序
- Java客户端卡在来自nodejs服务器的数据数据流中
- 在gmail线程中从ZIP文件中提取CSV,并将数据写入谷歌表单
- Javascript -定期向服务器发送用户位置数据(多线程)
- 高级javascript源数据-数据表
- 在WebWorker和主线程之间传递二进制数据的最佳实践是什么?
- 在 HTML (SVG) 元素中包含数据/数据密钥
- 在HTML5应用程序中下载后台数据到浏览器数据库- settimeout vs工作线程
- JavaScript 是单线程的吗?如果没有,如何同步访问共享数据