Проблемы с AJAX Broswer

Question

По какой-то причине у меня возникли странные проблемы с тем, чтобы AJAX корректно работал в разных браузерах. Есть ли что-нибудь в частности, что необходимо, или любой трюк, чтобы заставить вещи работать плавно через них?

Первый вопрос я имею с нижеследующим, он отлично работает в Chrome, но ничего не делает вообще в IE и Firefox:

function DeleteRideshare(pid){ 
    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else{// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    }   
    // Verify 
    var conf = confirm("Are you sure you want to delete this rideshare?"); 
    if(conf == true){ 
     xmlhttp.open("POST","updaterideshare.php",true); 
     xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
     xmlhttp.send("delete=true&PostID="+pid);  
     location.reload();      
    }   
} 

У меня также есть это, который работает с некоторыми элементами хрома , а вовсе не в ie и firefox:

$(document).ready(function(){ 
    $("#EditRideshareAjax").submit(function(){ 
     // Stop the from from submiting normally 
     event.preventDefault();   

     // get the values from the elements on the page 
     var values = $(this).serialize(); 

     $.ajax({ 
      type: "POST", 
      url: "updaterideshare.php", 
      data: values, 
      success:  function(msg){           
       location.reload(); 
      }, 
      error:function(){ 
       alert("An error has occured, please try again"); 
      } 
     }); 
    }); 
}); 

Любая помощь или понимание были бы оценены с благодарностью! Благодаря!

Answer 1

Вам не нужно передавать событие в качестве аргумента функции, а затем использовать его.

  $("#EditRideshareAjax").submit(function(event){