Ajax - 如何將值從窗體傳遞給Controller？

Question

我有以下形式：

<form> 
    <input type="email" name="email"> 
    <button>Join</button> 
</form> 

而且我想通過獲得價值到我的控制器，具有路線/add/{email}

控制器代碼：

public function addToNewsletterAction(Request $request){ 
    //Some actions 
} 

我如何通過GET值？ 當前代碼：

$(document).ready(function() { 
    $("#newsletterButton").on("click", function() { 
     var email = $('.email').val(); 
     $.ajax({ 
      type: 'get', 
      url: "/add/newsletter/{email}", 
      data: $("form").serialize(), 
      succes: function() { 
       alert("Done"); 
      } 
     }) 
    }) 
}) 

Answer 1

首先，你需要改變，是因爲在這裏你送"/add/newsletter/{email}"至極，您可以發送一個變量是不是你想要的：

$(document).ready(function() { 
    $("#newsletterButton").on("click",function() { 
     var email = $('.email').val(); 
     $.ajax({ 
      type:'get', 
      url: "/add/newsletter/".email, 
      data:$("form").serialize(), 
      succes: function() { 
       alert("Done"); 
      } 
     }) 
    }) 
}) 

然後在你的控制器：

public function addToNewsletterAction($email){ 
    //do something with the email var 
}  

但你應該嘗試只通過你的網址送東西像ID，以便更改與您的路線：/add/newsletter

然後在你的控制器，你CAND做：

public function addToNewsletterAction(Request $request){ 
    $email = $request->request->get('email'); 
    $other = $request->request->get('other') 
}  

不要忘記在你的.twig改變：url:"/add/newsletter"

你的代碼有問題。您的按鈕沒有一個ID，我至極本來應該是newsletterButton這裏

編輯 ，讓你可以使用的getElementById並在您的按鈕添加一個onClick功能的電子郵件。通過類似的東西，改變你的形式：

<form> 
    <input type="email" name="email" id="email"> 
    <button onclick="myFunction()">Join</button> 
</form> 

在腳本

然後添加myFunction的：

function myFunction() { 
    var email = document.getElementById("email").value 
    $.ajax({ 
     type:'get', 
     url: "/add/newsletter/", 
     data: { 
      'email' : email, 
     } 
     succes: function() { 
      alert("Done"); 
     } 
    }) 
}) 

}）

Answer 2

嘗試以下操作：

public function addToNewsletterAction(Request $request){ 
    $email = $request->email; 
} 

或者嘗試：

public function addToNewsletterAction($email=''){ 
    echo $email; //or whatever you want to do with email 
}