17.09 火狐：jQuery发送Ajax请求无效 =>

本以为用jQuery写Ajax不会出现什么问题的，却撞上了这样一个坑。。

1.我本来是这样写的（点击button按钮进行数据发送，后台验证响应；验证成功跳转地址，验证失败弹出提示框）

$('button').click(function(){
        $.ajax({
          url: 'url',
          type: 'post',
          data: "data",
          success: function(data){

                 if(//条件){
                        //弹出框;
                    }else{
                         //跳转地址;
                    }

           }
        })
})

以上代码在google上能够运行，但是有一点小问题：弹出的提示框，闪现一下就会自动关闭，不需要你手动去点击确认致关闭。
这倒没什么，也没特别注意；然后用火狐来测试，发现这个Ajax根本不能生效！

2.然后我采用了严格些的写法（加上了async和dataType）

$('button').click(function(){
        jQuery.ajax({
          url: 'url',
          type: 'post',
          data: "data",
          async: true,
          dataType: 'json',
          success: function(data){

                 if(//条件){
                        //弹出框;
                    }else{
                         //跳转地址;
                    }

           }
        })
})

然而也并没什么用，依旧Google上瑕疵运行，FireFox上无法运行

3.然后异想天开，将 async: true 改成 async: false

$('button').click(function(){
        jQuery.ajax({
          url: 'url',
          type: 'post',
          data: "data",
          async: false,
          dataType: 'json',
          success: function(data){

                 if(//条件){
                        //弹出框;
                    }else{
                         //跳转地址;
                    }

           }
        })
})

这回无论Google还是FireFox上Ajax都能发送了，但是：只能响应错误的验证弹出提示框，不能响应正确的验证而进行跳转。这明显是不可行的，而且用了Ajax，却设置 async: false ，这都什么跟什么嘛。。。

4.最后查阅了几篇文章，找到了合理的解释：

                                        button会被浏览器视为submit（听说在IE上不会）。那么在button的click事件触发的同时，submit也同时触发了，Ajax发出的异步提交的请求，会被submit终止；当然将请求设置成同步请求就不会被终止了，但这没什么意义

5.最后，解决办法，简单到非常：给 button 指定 type="button" ，就可以了，而且弹出框一闪而过的问题也不复存在了——就是这么简单。。。

解决方案： <button> => <button type="button">

（尽量都要指定button的type吧。还有，严格点书写Ajax，指定dataType等之类的，也有助于减少出现问题）