Javascript 在模式引导中显示远程内容
目前我面临的一个问题是无法将远程内容显示到模式对话框(引导)。 是否可以将响应内容附加到模式内容 index.jsp的示例Javascript 在模式引导中显示远程内容,javascript,ajax,twitter-bootstrap,Javascript,Ajax,Twitter Bootstrap,目前我面临的一个问题是无法将远程内容显示到模式对话框(引导)。 是否可以将响应内容附加到模式内容 index.jsp的示例 <form id="cusPayment" name="cusPayment" method="post" action="CusConfirmPayment.jsp" > <input id="lflag" name="lflag" type="hidden" value="E"> <a data-toggle=
<form id="cusPayment" name="cusPayment" method="post" action="CusConfirmPayment.jsp" >
<input id="lflag" name="lflag" type="hidden" value="E">
<a data-toggle="modal" data-remote="CusConfirmPayment.jsp" href="#" data-target="#myModal" id='paynow322' class="btn btn-primary btn-large">Load External Page</a>
</form>
<!-- Modal --> //show the remote content
<div class="modal fade" id="myModal" class="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" id="modal-dialog">
<div class="modal-content" id="modal-content">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('a#paynow322').click(function(){
var form = $("#cusPayment");
var $modal = $('#myModal');
$.ajax({
type: form.attr('method'), //post method
url: form.attr('action'), //ajaxformexample url
data: form.serialize(), // serialize input data values
success: function (data) {
var result=data; //response content html
$('#myModal').modal({
show:true
});
//显示远程内容
$(文档).ready(函数(){
$('a#paynow322')。单击(函数(){
风险值形式=$(“现金支付”);
var$modal=$(“#myModal”);
$.ajax({
类型:form.attr('method'),//post方法
url:form.attr('action'),//ajaxformexample url
数据:form.serialize(),//序列化输入数据值
成功:功能(数据){
var result=data;//响应内容html
$(“#myModal”).modal({
秀:真的
});
。是否可以将响应内容附加到模态内容
是的,这是可能的
在您的成功卡背面尝试此代码
success: function (data) {
var result=data; //response content html
$('#myModal').find('.modal-content').html(result);
$('#myModal').modal('show');
});
这将更新模态内容并显示模态
您的意思是像$(“#模态内容”).innerHTML=result这样的东西吗
success: function (data) {
var result=data; //response content html
$('#myModal').find('.modal-content').html(result);
$('#myModal').modal('show');
});
我尝试了这个,它成功了不要使用
数据远程
/远程
选项,它已经被弃用了。嗨,#阿伦,谢谢你的回答。但是在我尝试之后,内部模式内容仍然是空的。