Question

我想在没有页面重新加载的情况下使用jQuery ajax发布，它在Chrome中运行良好，但在Firefox 6.0中不起作用。以下是我的代码

 <html>
    <head>
    <script type="text/javascript">
      function save()
      {
        $('#myForm').submit(function(event){
          event.preventDefault();
          $.ajax({
                   type:'POST',
                   url:'save.php',
                   data:$('#myForm').serialize(),
                   success:function(data)
                   {
                        alert('form submitted');
                   },
                   error:function()
                   {
                       alert('unable to submit');
                   }   
               });
          });
      }
    </script>
    </head> 
       <body>
             <form id="myForm" action=''>
                <input type="text" name="firstName">
                <input type="text" name="lastName">
                <input type="submit" id="submitForm" onclick="save(myForm);">
             </form>
       <body>
</html>

非常感谢任何帮助。

Answer 1

你的FF缓存中必须有一个缓存版本的jQuery，因为我没有看到你在页面的任何地方都包含jQuery。

在头部添加以上其他脚本：

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

Answer 2

在标题部分添加jQuery库。

Answer 3

我建议你摆脱onclick和save()，只使用jQuery提交处理程序

 <!-- make sure you have doctype -->
 <!DOCTYPE html>
 <html>
    <head>
     <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script type="text/javascript">
      $(function(){
        $('#myForm').submit(function(event){
          event.preventDefault();
          $.ajax({
                   type:'POST',
                   url:'save.php',
                   data:$('#myForm').serialize(),
                   success:function(data)
                   {
                        alert('form submitted');
                   },
                   error:function()
                   {
                       alert('unable to submit');
                   }   
               });
          });
      });
    </script>
    </head> 
       <body>
             <form id="myForm" action=''>
                <input type="text" name="firstName">
                <input type="text" name="lastName">
                <input type="submit" id="submitForm"><!-- remove onclick -->
             </form>
       <body>
</html>

一定要包含jQuery.js

不能用firefox发布ajax

3 个答案: