Question

当我尝试在除Internet Explorer之外的任何其他web浏览器上运行我的代码时，它运行正常。但是当我尝试在Internet Explorer上运行代码时，我会收到一个警告框，上面写着一个Ok按钮。但问题是当我点击那个OK按钮时我什么也得不到。理想情况下，我应该得到另一个警报框。

<!DOCTYPE html>
<html>
<head>
    <script src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){       
        $("#submit").click(function(event) {        
        alert("here");              
        $.post('process.php', {name:'test1',email:'test.com'}, function(data)
        {
            $('#results').html(data);
            alert(data);
        });
      });
    });
    </script>

</head>
<body>
<form name="myform" id="myform" action="" method="POST">
    <label for="name" id="name_label">Name</label>
    <input type="text" name="name" id="name" size="30" value=""/>
    <br>
    <label for="email" id="email_label">Email</label>
    <input type="text" name="email" id="email" size="30" value=""/>
    <br>
    <input type="button" name="submit" id="submit" value="Submit">
</form>
<div id="results"><div>
</body>
</html>

对此非常感谢。

编辑：我发现拥有HTTP的Internet Explorer运行良好，但在使用HTTPS的Internet Explorer上却没有。

Answer 1

将您的代码更改为

<form name="myform" id="myform" action="" method="POST" onsubmit="return validate(this);">
    <label for="name" id="name_label">Name</label>
    <input type="text" name="name" id="name" size="30" value=""/>
    <br>
    <label for="email" id="email_label">Email</label>
    <input type="text" name="email" id="email" size="30" value=""/>
    <br>
    <input type="button" name="submit" id="submit" value="Submit">
</form>
<script>
function validate(elem){
    $.post('process.php', {name:'test1',email:'test.com'}, function(data)
            {
                $('#results').html(data);
                return true;
            });
    return false;

}
</script>

Answer 2

尝试使用jquery $.ajax()使用$(fomname).serialize()方法

发布表单数据

Answer 3

function submitYourForm()
{
                $.ajax({
                type: 'POST',
                cache: false,
                async:true,
                url: 'your url',
                data: $('#myform').serialize(), 
                success: function(data) {
                    alert(data);
                }
               });      
}

将您的按钮类型从“提交”更改为“按钮”，然后单击按钮调用您的功能喜欢

<input type="button" name="submit" onclick="submitYourForm();" value="Submit" />

删除函数调用onsubmit。

试试这个

jQuery在HTTPS Internet Explorer上无法正常工作

3 个答案: