爲什麼我的jQuery代碼不能在Firefox和Chrome中使用？

Question

EDITED

嗨，我使用masterpage。我在我的項目中使用了formsauthentication。我從SQL Server 2005中提取數據。然後在login.aspx中，我從jQuery中調用我的pagemethod。畢竟，我在IE9.0，Chrome和Firefox中運行我的項目。該項目是正確的。但是這個jQuery代碼只能用於IE9.0。

我PageMethod的，被命名爲login服務，返回「0」或RETURNURL像「用戶/ Default.aspx的」，那麼我控制這個塔赫如果login服務的回報是不是「0」的成功將運行以下命令：

alert("there isnt error: " + msg.d); 

，但如果有一個錯誤，這將運行：

alert("there is error: " + msg.d); 

這是非常有趣的是，

，如果我在IE9運行這個項目，像顯示消息「心不是埃羅R：用戶/ Default.aspx的」

但是，

如果我運行Chrome或Firefox這個項目，像顯示消息‘有錯誤：未定義’

我怎麼可以在所有運行該項目瀏覽器？

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery("#myContent_login").focus(); 
    jQuery("#myContent_submit_image").click(function() { 
     jQuery("#login_form_spinner").show(); 
     jQuery.ajax({ 
     type: "POST", 
     url: "Logon.aspx/LoginService", 
     data: "{'username': '" + jQuery("#myContent_login").val() + "', 'password': '" + jQuery("#myContent_password").val() + "','isRemember': '" + jQuery("#myContent_remember_me").is(':checked') + "'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      if (msg.d != 0) { 
      alert("there isnt error: " + msg.d); 
      } 
     }, 
     error: function (msg) { 
      alert("have error: " + msg.d); 
     } 
     }); 
    }); 
    }); 
</script> 

Answer 1

確保您從您的click處理程序取消默認返回false提交：

jQuery("#myContent_submit_image").click(function() { 

    jQuery('#login_form_spinner').show(); 
    jQuery.ajax({ 
     type: "POST", 
     url: "Logon.aspx/LoginService", 
     data: "{'username': '" + jQuery("#myContent_login").val() + "', 'password': '" + jQuery("#myContent_password").val() + "','isRemember': '" + jQuery("#myContent_remember_me").is(':checked') + "'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      if (msg.d != 0) { 
       window.location.replace(msg.d); 
      } 
     }, 
     error: function (msg) { 
      alert(msg.d); 
     } 
    }); 

    return false; // THIS IS VERY IMPORTANT 
}); 

而且清理你的AJAX調用，以正確編碼參數，就像這樣：

jQuery("#myContent_submit_image").click(function() { 
    jQuery('#login_form_spinner').show(); 
    jQuery.ajax({ 
     type: "POST", 
     url: "Logon.aspx/LoginService", 
     data: JSON.stringify({ 
      username: jQuery("#myContent_login").val(), 
      password: jQuery("#myContent_password").val(), 
      isRemember: jQuery("#myContent_remember_me").is(':checked') 
     }), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      if (msg.d != 0) { 
       window.location.replace(msg.d); 
      } 
     }, 
     error: function (msg) { 
      alert(msg.d); 
     } 
    }); 

    return false; // THIS IS VERY IMPORTANT 
}); 

Answer 2

只是一個快速的觀察：

的jQuery（ 'login_form_spinner'）

你需要一個#或在login_form_spinner前面.。

更新：

你可以看看here爲例。請注意，成功和錯誤功能與您的例子不同。

我可以幫助更多，但需要知道具體的錯誤。

Answer 3

喜歡justin說你在哪裏丟失了或點還你的數據狂變更對象

<script type="text/javascript"> 
jQuery(document).ready(function ($) { 
    $("#myContent_login").focus(); 
    $("#myContent_submit_image").click(function() { 
     $('#login_form_spinner').show(); 
     $.ajax({ 
      type: "POST", 
      url: "Logon.aspx/LoginService", 
      data: { 
       "username":$("#myContent_login").val(), 
       "password":$("#myContent_password").val(), 
       "isRemember":$("#myContent_remember_me").is(':checked') 
      }, 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       if (msg.d != 0) { 
       alert("there isnt error: " + msg.d); 
       } 
      }, 
      error: function (msg) { 
       alert("have error: " + msg.d); 
      } 
     }); 
    }); 
}); 
</script> 

，但我懷疑你沒有返回JSON頭或類似的

Answer 4

東西檢查jQuery的文檔。 ajax細心，你會看到success和error使用不同的參數：

success(data, textStatus, jqXHR) 
error(jqXHR, textStatus, errorThrown) 

所以，你的錯誤處理程序應該是這樣的：

error: function (jqXHR, status, error) { 
    alert("have error: " + status); 
} 

一旦你成功得到錯誤信息，可以找出導致錯誤的原因。

Answer 5

在這一行

jQuery('login_form_spinner').show(); 

它是在後或在原始代碼一個錯字？ 我假設你的選擇器缺少一個「＃」。由於IE處理這種錯誤與FF和Chrome不同。你在瀏覽器中獲得不同的行爲。