的jQuery .post的$在一些瀏覽器不工作

Question

$(document).ready(function(){ 
    $("#btnc").click(function(){ 
      $.post("php/snova_campanha.php", {campanha : $("#campanha").val() }, 
       function(data){ 
        if(data == "1") 
        { 
         alert(data); 
        } 
        else 
         alert(data); 
       }); 
    }); 
}); 

php的只有：

<?php 
echo 0; 
return; 
?> 

HTML：使用這個PHP只是爲了測試

<div id="corpo" align="center"> 
    <br/><br/> 
    <h1 align="center" style="color:#F8F8F8">Nova Campanha</h1> 
    <br/><br/><br/> 
    <form id="novacamp"> 
     <label style="color:#F8F8F8" for="campanha">Nome</label> 
     <input align="middle" size="35" type="text" name="campanha" id="campanha"/> 
     <br/> 
     <input type="submit" id="btnc" value="OK"/> 
    </form> 
</div> 

IM，我將實現插入到數據庫，並返回1成功或0.

那麼，我有兩個頁面，另一個工作正常：

WORKING登錄頁面：

$(document).ready(function(){ 
    $("#login").click(function(){ 
     $("#login").attr("disabled", "disabled"); 
       $.post("php/slogin.php", {usuario : $("#usuario").val(), senha : $("#senha").val()}, 
       function(data){ 
        if(data != "1" && data != "0") 
        { 
         alert(data); 
         $("#login").removeAttr("disabled"); 
        } 
        else 
         window.location = "principal.php"; 
       }); 
    }); 
}); 

HTML

<div id="bar"> 
    <div id="container"> 
     <!-- Login Starts Here --> 
     <div id="loginContainer"> 
      <img id="logoNetradio" src="../images/logonetradio3.png"/> 
      <br/><br/><br/> 
       <form id="formLogin"> 
        <label for="usuario">Usuário</label> 
        <input align="middle" size="35" type="text" name="usuario" id="usuario"/> 
        <br/><br/> 
        <label for="senha">Senha</label> 
        <input align="middle" size="35" type="password" name="senha" id="senha" /> 
        <br/> 
        <input type="submit" id="login" value="Login"/> 
       </form> 
     </div> 
     <!-- Login Ends Here --> 
    </div> 
</div> 

我看不出有什麼區別......... 當我運行非工作代碼，該地址上我的瀏覽器更改爲www.myaddress.com/current_page.php?campanha=value_on_textfield 看起來像$ .post正在對當前頁面發出GET請求... 這兩個代碼都適用於IExplore ，並且工作頁面適用於Chrome和IE但不是火狐.... 任何想法？

Answer 1

事實上，return false在jQuery事件處理程序中有一些副作用，大多數人都不知道。如果您只想阻止表單提交，那麼您應該使用event.preventDefault()。

爲了使您的生活更輕鬆，我建議你改變你的PHP文件來返回JSON，就像這樣：

$(document).ready(function(){ 
    $("#btnc").click(function(evt){ 
      $.post(
       "php/snova_campanha.php", 
       {campanha : $("#campanha").val() }, 
       function(data){ 
        alert(data.status); 
       }, 
       "json" 
      ); 
      // Keep the form from submitting 
      evt.preventDefault(); 
    }); 
}); 

另外：

<?php 
echo "{'status':'0'}"; 
?> 

然後實施後，當指定 'JSON' ，我會建議您查看malsup's excellent jQuery form plugin，它會照顧您在此嘗試做的大部分工作。

最後，你可以嘗試使用全$.ajax調用，而不是$.post：

$('#btnc').click(function(evt) { 
    $.ajax({ 
     method: 'POST', 
     url: 'php/snova_campanha.php', 
     data: { 
      campanha: $('#campanha').val() 
     }, 
     dataType: 'json', 
     success: function(data, status) { 
      alert(data); 
     }, 
     error: function(jqXHR, status, err) { 
      alert('ERROR'); 
      alert(String(err)); 
     } 
    }); 
    evt.preventDefault(); 
}); 

什麼是可能發生的是，$.post呼叫拋出一個錯誤。如上所述使用$.ajax將允許您捕獲該錯誤。

Answer 2

如果意圖是不允許按鈕發佈表單，則該按鈕的click事件應返回false。