Jquery Can';t在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

我想在bootsrap模式对话框的主体中显示ajax调用的结果。模态成功打开,但我无法更改主体的内容

这是我的密码:

      $("#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">&times;</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')
要求使用id
myModal
和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的元素。因此,它将适用