繁体   English   中英

关闭后重新加载jQuery对话框

[英]Reload a jQuery Dialog after close

如何重新加载jQuery打开的对话框? 我用来打开对话框的ID是一个按钮! 从php调用Web服务后,如果不重新加载页面,则无法更改对话框中表的内容。 这是代码:

    ?>
   <script type="text/javascript">
       jQuery.noConflict();
  jQuery(function() {
    jQuery("#taxInfo").dialog({
                autoOpen : false,
                height : 380,
                width : 550,
                modal : true,
                show : {
                    effect : "slide",
                    duration : 250
                },
                hide : {
                    effect : "slide",
                    duration : 250
                },

                close : function() {

                                        jQuery("#taxInfo").dialog("close");
                                       // jQuery("#taxInfo").find('#btnclick')[0].reset();
                                       jQuery("#t01").html("");
                }
            });
  });

jQuery(function() {
jQuery('#btnclick').click(function() {
 //   alert('Clicked');
  var self = jQuery( this );

        var loaderContainer = jQuery( '<span/>', {
            'class': 'loader-image-container'
        }).insertAfter( self );

        var loader = jQuery( '<img/>', {
            src:  '../wp-admin/images/loading.gif',
            'class': 'loader-image'
        }).appendTo( loaderContainer );

    <?php

//php call here

?>
     var formattedString="";
            /* sending the request*/
            jQuery.ajax({
            url:'<?php echo$retailerSettings["taxengine_url"]. "/calculate_tax"?>',
            data: '<?php echo  $_SESSION["jsonTax"];?>',
            dataType:'json',
            contentType:'application/json',
            mimeType: 'application/json',
            crossDomain:true,
            timeout:10000,
            async: false,
            cache: false,
            type:'POST',
            success:function(data){

                    var fipsRegionNames=data.fipsCode;
                    var fipsCode=data.fipsRegionNames;
                    var fipsRate=data.fipsRate;


            //    fipsRegionNames = fipsRegionNames.replace(",", ", ");
        //        fipsCode = fipsCode.replace(",", ", ");
        //        fipsRate = fipsRate.replace(",", ", ");
                loaderContainer.remove();
                                if(fipsCode==undefined)
                                {
                                 formattedString=formattedString.concat("<div>Tax information not found</div>");   
                                } else {
                  var  value = fipsRegionNames.split(",");
                 var name = fipsCode.split(",");
                  var rate = fipsRate.split(",");
                  formattedString=formattedString.concat("<table border='1' id='t01'");
                  formattedString=formattedString.concat("<tr>");
                  formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                  formattedString=formattedString.concat("Type");
                  formattedString=formattedString.concat("</td>");
                  formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                  formattedString=formattedString.concat("Name");
                  formattedString=formattedString.concat("</td>");
                  formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                  formattedString=formattedString.concat("FipsCode");
                  formattedString=formattedString.concat("</td>");
                  formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                  formattedString=formattedString.concat("Rate");
                  formattedString=formattedString.concat("</td>");
                  formattedString=formattedString.concat("</tr>");
                  for (var i=0;i<fipsRegionNames.length;i++)
                  {
                   formattedString=formattedString.concat("<tr>");
                   if (i == 0)
                   {
                    formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                    formattedString=formattedString.concat("State");
                    formattedString=formattedString.concat("</td>");
                   }
                   else if (i == 1)
                   {
                    formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                    formattedString=formattedString.concat("County");
                    formattedString=formattedString.concat("</td>");
                   }
                   else if (i == 2)
                   {
                    formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                    formattedString=formattedString.concat("Place");
                    formattedString=formattedString.concat("</td>");
                   }
                   else if (i == 3)
                   {
                    formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                    formattedString=formattedString.concat("Special Taxing Districts");
                    formattedString=formattedString.concat("</td>");

                   }
                    if(name[i]==undefined)
                    {

                    }
                    else
                    {
                            formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                            formattedString=formattedString.concat(name[i]);

                            formattedString=formattedString.concat("</td>");
                             formattedString=formattedString.concat(" ");
                    }

                  if(value[i]==undefined)
                  {

                  }
                  else
                  {
                     formattedString=formattedString.concat("<td style='padding:8px;!important;'>");
                            formattedString=formattedString.concat(value[i]);

                            formattedString=formattedString.concat("</td>");
                             formattedString=formattedString.concat(" ");
                  }
                if(rate[i]==undefined)
                {

                }
                else
                {
                    formattedString=formattedString.concat("<td style='padding:8px;!important;'>");

                      formattedString=formattedString.concat(rate[i]);

                   formattedString=formattedString.concat("</td>");
                }

                   //        formattedString=formattedString.concat("<br/>");
                   formattedString=formattedString.concat("</tr>");

                 } 
           formattedString=formattedString.concat("</table>");
   }
        if(data.isException=="true" || data.isException==true)
        {
            //formattedString=formattedString.concat(data.message);
        }

   jQuery("#taxInfo").html(formattedString);
                },

                    error:function(XMLHttpRequest,textStatus, errorThrown) {

                      } 
             });

                         // window.location.reload(false);
            jQuery("#taxInfo").dialog("open");


});
})


</script>

谢谢!

尝试这个..

"Cancel": function() {
     $(this).dialog("close");
     $(this).find('form')[0].reset();
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM