提交表單與jquery說，它的工作原理，但它不

Question

我想提交一個使用jQuery的表單，以便頁面在提交時不刷新。我的代碼是：

<div class="subscribe"> 
<p><span>Subscrever à Newsletter<span><br/> 
<form method="post"> 
     <input type="text" name="nwsltrname" value="Nome"/><br/> 
     <input type="email" name="nwsltrmail" value="Email" required/><br/> 
     <input type="hidden" name="nwsltrmailx" value=""/><br/> 
     <input type="submit" name="nwsltradd" value="Subscrever" /> 
</form></p> 
</div> 

的jQuery：

$(".subscribe input[type=submit]").click(function() { 
    var siteurl = window.location.href; 
    var nwsltrname = $("input[name='nwsltrname']").val(); 
    var nwsltrmail = $("input[name='nwsltrmail']").val(); 
    var nwsltrmailx = $("input[name='nwsltrmailx']").val(); 
    var dataString = "&nwsltrname="+ nwsltrname + "&nwsltrmail=" + nwsltrmail + "&nwsltrmailx=" + nwsltrmailx; 
    $.ajax({ 
     type: "POST", 
     url: siteurl, 
     data: dataString, 
     success: function(){ 
      alert("it works!"); 
     } 
    }); 
    return false; 
}); 

所以，問題的形式不提交，但它仍然提醒「！它的工作原理」

我的代碼有什麼問題？我怎樣才能讓它提交表單？

Answer 1

我想你需要

data: { 
     nwsltrname: nwsltrname, 
     nwsltrmail: nwsltrmail, 
     nwsltrmailx: nwsltrmailx 
     } 

，這將在服務器上創建正確的參數。警報所做的只是說服務端功能已經返回。並不是說它處理正確。

另外，請看上面的註釋。

苯教機會

Answer 2

，如果你有在服務器代碼中錯誤的成功甚至會工作...所以加的響應參數去成功的函數，那麼它提醒要知道服務器響應..然後你可以調試問題..變化碼象下面...

$.ajax({ 
     type: "POST", 
     url: siteurl, 
     data: dataString, 
     success: function(response){ 
      alert(response); 
     } 
    }); 

Answer 3

$(".subscribe input[type=submit]").click(function() { 
    var siteurl = window.location.href; 
    var nwsltrname = $("input[name='nwsltrname']").val(); 
    var nwsltrmail = $("input[name='nwsltrmail']").val(); 
    var nwsltrmailx = $("input[name='nwsltrmailx']").val(); 
    var dataString = "&nwsltrname="+ nwsltrname + "&nwsltrmail=" + nwsltrmail + "&nwsltrmailx=" + nwsltrmailx; 
    $.ajax({ 
     type: "POST", 
     url: siteurl, 
     data: dataString, 
     success: function(){ 
      alert("it works!"); 
     } 
    }); 
    return false; 
}); 

上述請求應寫爲，

$(".subscribe input[type=submit]").click(function() { 
    var siteurl = window.location.href; 
    var nwsltrname = $("input[name='nwsltrname']").val(); 
    var nwsltrmail = $("input[name='nwsltrmail']").val(); 
    var nwsltrmailx = $("input[name='nwsltrmailx']").val(); 
    var dataString = { 
         Nwsltrname = nwsltrname, 
         Nwsltrmail = nwsltrmail, 
         Nwsltrmailx = nwsltrmailx 
        }; 
    $.ajax({ 
     method: "POST", 
     url: siteurl, 
     dataType: "json" 
     data: dataString, 
     success: function(data){ 
      alert("it works!"); 
     } 
    }); 
    return false; 
}); 

注意：請記住您的請求類型是帖子，以便數據將在請求正文中發送，而不是標題。成功功能將返回您的數據。