如何在不更改頁面的情況下訪問用戶輸入電子郵件

因此，我希望用戶在輸入字段中寫入電子郵件，然後我希望在單擊按鈕時不用更改頁面就可以接受該輸入，因爲它毀了我的路線。如何在不更改頁面的情況下訪問用戶輸入電子郵件

<label for="email">Email:</label> 
<input type="email" class="form-control" id="email" placeholder="Add Navigators Email so they can access the Session"> 

<button type="button" onclick="addNav()" class="btn btn-success">Add to Session</button><br>

我需要得到一個用戶的輸入，而不用單獨使用javascript來改變頁面。這可能嗎？

來源

2016-04-30 Andrew O Neill

是啊使用AJAX是可能的，做一些研究如何使用JavaScript或jQuery實現AJAX $ .ajax（）方法 –

取決於後端會話或本地存儲 – smerny

所以我要抓住提供的電子郵件，通過套接字通過addNav函數發送到數據庫 –

你必須找到元素通過它的id，然後得到它的價值：

email_input = document.getElementById("email"); 
alert(email_input.value);

工作例如：https://jsfiddle.net/gbenussi/dusoctra/

來源

2016-04-30 14:36:29

-1

$(form).submit(function(e){ 
    e.preventDefault(); //Prevent the reload and the default submit action 
    var email = $("#form").val(); 
    $.ajax({ 
     type: "POST", 
     url: "/your/url", 
     dataType: 'json', 
     data: { 
      email : email 
     }, 
     success: function(res) { 
      console.log(res); 
     } 
    }); 
});

而在你的PHP（/你/ URL）

echo $_POST['email']

來源

2016-04-30 14:41:47 Robert

如何在不更改頁面的情況下訪問用戶輸入電子郵件

回答

相關問題