Question

在我的网站上，我有一个弹出窗口，由按钮点击触发，工作正常。此弹出窗口具有注册表单和以下js：

<script type="text/javascript">
<!--
jQuery(function () {
    jQuery("input#submit").click(function () {
        jQuery('#response p').empty().append("<img src='ajax-loader.gif' />");
        var name = jQuery("#name").val();
        var email = jQuery("#email").val();
        var dataString = '&name=' + name + '&email=' + email;
        jQuery.ajax({
            url: "popupmailer.php",
            data: dataString,
            type: "GET",
            success: function (responseText) {
                jQuery('#response p').empty().append(responseText);
            }
        });
        return false;
    });
});
-->
</script>

这似乎工作正常，但是一旦我在IE中尝试这个，弹出窗口根本就不显示。我试图解决这个问题，一旦我删除上面提到的代码，弹出窗口再次出现在IE中。

有人能够帮助我并确定这里有什么问题才能使这项工作成功吗？谢谢。

Answer 1

您应该尝试使用form submit

<script type="text/javascript">

jQuery(function () {
   jQuery("form").submit(function (e) {
     jQuery('#response p').empty().append("<img src='ajax-loader.gif' />");

     var dataString = $('form').serialize(); //<---just serialize the form this will make a dataString you want.

     jQuery.ajax({
        url: "popupmailer.php",
        data: dataString,
        type: "GET",
        success: function (responseText) {
            jQuery('#response p').html(responseText); //<--use .html() here
        }
     });
     return false;
  });
});

</script>

Answer 2

试试这个

jQuery('#response p').empty().html(responseText);

而不是

jQuery('#response p').empty().append(responseText);

IE没有显示内容

2 个答案: