Jquery Can';t在bootsrap模式中显示ajax请求结果
我想在bootsrap模式对话框的主体中显示ajax调用的结果。模态成功打开,但我无法更改主体的内容 这是我的密码:Jquery Can';t在bootsrap模式中显示ajax请求结果,jquery,ajax,twitter-bootstrap,bootstrap-modal,Jquery,Ajax,Twitter Bootstrap,Bootstrap Modal,我想在bootsrap模式对话框的主体中显示ajax调用的结果。模态成功打开,但我无法更改主体的内容 这是我的密码: $("#formulaire").submit(function(e){ e.preventDefault(); $.post( 'scripts/jeuZyga.php', { // data : donnees civilite : $(".civilite:checke
$("#formulaire").submit(function(e){
e.preventDefault();
$.post(
'scripts/jeuZyga.php',
{
// data : donnees
civilite : $(".civilite:checked").val(),
nom : $("#nom").val(),
prenom : $("#prenom").val(),
email : $("#email").val(),
dateNaissance : $("#dateNaissance").val(),
ville : $("#ville").val(),
couleurPull : $(".couleurPull:checked").val(),
},
function(data){
if(data == 'Success'){
$('#myModal .modal-body p').html('Merci de votre participation ! <br/>Rendez-vous pour le tirage au sort');
}
else if (data == 'Forbidden') {
$('#myModal .modal-body p').html('<p>Vous avez déjà joué</p>');
}
else {
$('#myModal .modal-body p').html('Erreur lors du traitement de la requête, veuillez réessayer ultérieurement.');
}
},
$('#myModal').modal('show')
//'text'
);
});
$(“#公式”)。提交(函数(e){
e、 预防默认值();
美元邮政(
'scripts/jeuZyga.php',
{
//资料来源:唐尼
civilite:$(“.civilite:已选中”).val(),
名称:$(“#名称”).val(),
prenom:$(“#prenom”).val(),
电子邮件:$(“#电子邮件”).val(),
dateNaissance:$(“#dateNaissance”).val(),
维尔:$(“#维尔”).val(),
couleurPull:$(“.couleurPull:已选中”).val(),
},
功能(数据){
如果(数据==“成功”){
$('myModal.modal body p').html('Merci de votre participation!
Rendez vous pour le tirage au sort');
}
否则,如果(数据==‘禁止’){
$(“#myModal.modal body p').html(“Vous avez déjájoué”);
}
否则{
$('myModal.modal body p').html('Erreur lors du traitement de la requète,veuillez réessayer ultérieurement');
}
},
$('#myModal').modal('show'))
//“文本”
);
});
}))
和模态
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Votre participation au Jeu "Gagnez un Pull Zyga"</h4>
</div>
<div class="modal-body">
<p></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
&时代;
参加欧珠“加涅兹不拉Zyga”
费尔默
我做错了什么
提前感谢您使用的是#myModal.modal body
,这是错误的,请使用#myModal.modal body
(区别在于#myModal和.modal body之间的空格)
$('#myModal.modal body p').html('Merci de votre participation!
请大家分享分类信息');
您使用的是#myModal.modal body
,这是错误的,而不是使用#myModal.modal body
(区别在于#myModal和.modal body之间的空格)
$('#myModal.modal body p').html('Merci de votre participation!
请大家分享分类信息');
您的选择器在这里$(“#myModal.modal-body p”)
请求一个id为myModal
且css类为的元素。modal body
您想让这个#myModal.modal主体p
。请注意#myModal
后面的空格,以构建正确的选择器层次结构。此处的选择器$('#myModal.modal-body p')
要求使用idmyModal
和css类的元素
您想让这个#myModal.modal主体p
。注意#myModal
后面的空格,以构建正确的选择器层次结构。编辑:
我已经测试了您的代码,并通过将$('#myModal').modal('show')行移到$.post代码之外(之后)使其正常工作
$("#formulaire").submit(function(e){
e.preventDefault();
$.post("scripts/jeuZyga.php",
{
// data : donnees
civilite : $(".civilite:checked").val(),
nom : $("#nom").val(),
prenom : $("#prenom").val(),
email : $("#email").val(),
dateNaissance : $("#dateNaissance").val(),
ville : $("#ville").val(),
couleurPull : $(".couleurPull:checked").val() // no 'comma' here.
},
function(data,status){
alert( "Data Loaded: " + data + ", status: " + status );
if(data == 'Success'){
$('#myModal .modal-body p').html('Merci de votre participation ! <br/>Rendez-vous pour le tirage au sort');
}
else if (data == 'Forbidden') {
$('#myModal .modal-body p').html('<p>Vous avez déjà joué</p>');
}
else {
$('#myModal .modal-body p').html('Erreur lors du traitement de la requête, veuillez réessayer ultérieurement.');
}
}
//,
// $('#myModal').modal('show') // moved outside $.post
//'text'
);
$('#myModal').modal('show'); // moved here, outside the $.post code.
});
$(“#公式”)。提交(函数(e){
e、 预防默认值();
$.post(“scripts/jeuZyga.php”,
{
//资料来源:唐尼
civilite:$(“.civilite:已选中”).val(),
名称:$(“#名称”).val(),
prenom:$(“#prenom”).val(),
电子邮件:$(“#电子邮件”).val(),
dateNaissance:$(“#dateNaissance”).val(),
维尔:$(“#维尔”).val(),
couleurPull:$(“.couleurPull:checked”).val()//此处没有“逗号”。
},
功能(数据、状态){
警报(“数据加载:“+数据+”,状态:“+状态”);
如果(数据==“成功”){
$('myModal.modal body p').html('Merci de votre participation!
Rendez vous pour le tirage au sort');
}
否则,如果(数据==‘禁止’){
$(“#myModal.modal body p').html(“Vous avez déjájoué”);
}
否则{
$('myModal.modal body p').html('Erreur lors du traitement de la requète,veuillez réessayer ultérieurement');
}
}
//,
//$('#myModal').modal('show')//已移到$.post之外
//“文本”
);
$('#myModal').modal('show');//移到这里,在$.post代码之外。
});
我还添加了状态,但这不是必需的。编辑:
我已经测试了您的代码,并通过将$('#myModal').modal('show')行移到$.post代码之外(之后)使其正常工作
$("#formulaire").submit(function(e){
e.preventDefault();
$.post("scripts/jeuZyga.php",
{
// data : donnees
civilite : $(".civilite:checked").val(),
nom : $("#nom").val(),
prenom : $("#prenom").val(),
email : $("#email").val(),
dateNaissance : $("#dateNaissance").val(),
ville : $("#ville").val(),
couleurPull : $(".couleurPull:checked").val() // no 'comma' here.
},
function(data,status){
alert( "Data Loaded: " + data + ", status: " + status );
if(data == 'Success'){
$('#myModal .modal-body p').html('Merci de votre participation ! <br/>Rendez-vous pour le tirage au sort');
}
else if (data == 'Forbidden') {
$('#myModal .modal-body p').html('<p>Vous avez déjà joué</p>');
}
else {
$('#myModal .modal-body p').html('Erreur lors du traitement de la requête, veuillez réessayer ultérieurement.');
}
}
//,
// $('#myModal').modal('show') // moved outside $.post
//'text'
);
$('#myModal').modal('show'); // moved here, outside the $.post code.
});
$(“#公式”)。提交(函数(e){
e、 预防默认值();
$.post(“scripts/jeuZyga.php”,
{
//资料来源:唐尼
civilite:$(“.civilite:已选中”).val(),
名称:$(“#名称”).val(),
prenom:$(“#prenom”).val(),
电子邮件:$(“#电子邮件”).val(),
dateNaissance:$(“#dateNaissance”).val(),
维尔:$(“#维尔”).val(),
couleurPull:$(“.couleurPull:checked”).val()//此处没有“逗号”。
},
功能(数据、状态){
警报(“数据加载:“+数据+”,状态:“+状态”);
如果(数据==“成功”){
$('myModal.modal body p').html('Merci de votre participation!
Rendez vous pour le tirage au sort');
}
否则,如果(数据==‘禁止’){
$(“#myModal.modal body p').html(“Vous avez déjájoué”);
}
否则{
$('myModal.modal body p').html('Erreur lors du traitement de la requète,veuillez réessayer ultérieurement');
}
}
//,
//$('#myModal').modal('show')//已移到$.post之外
//“文本”
);
$('#myModal').modal('show');//移到这里,在$.post代码之外。
});
我还添加了状态,但这不是必需的。我同意。此解决方案的说明:当您在没有空格的情况下编写它时,它将应用于同一个元素。你可以做$('myModal.fade')。它意味着id=myModal且class=fade的元素。因此,它将适用