獲取輸入字段值而不刷新頁面

<form action="/action_page.php"> 
    First name:<br> 
    <input type="text" name="firstname" value="Mickey"> 
    <input type="submit" value="Submit"> 
</form>

我有這種形式。一個文本字段和一個提交按鈕。我想存儲用戶在php變量的文本字段中輸入的字符串，以便稍後使用它。那可能嗎？獲取輸入字段值而不刷新頁面

來源

2017-06-18 Spy

您不需要ajax從輸入字段獲取值並生成鏈接。向我們展示您的代碼以及迄今爲止您嘗試過的方法。 – shaggy

@shaggy我想用Ajax做到這一點，這就是爲什麼我在那裏有post變量。有另一種方法嗎？ – Spy

如果你願意並且可以將你的請求中的響應立即傳遞給輸入，你可以結合使用ajax和jquery。如下所示：

$(document).ready(function() { 
$("a").on('click', function(){ 
    var inputval = $("#changeText").val(); 
    var postdata = {inputval: inputval}; 
    var url = "http://..."; 

    $.ajax({ 
     url: url, 
     method: "POST", 
     data: JSON.stringify(postdata), 
     success: function(response) { 
     $("#changeText").val(response.data); 
     } 
    }); 
});

來源

2017-06-18 21:58:37

似乎是對的，但我無法使它工作。我想將數據發送到同一頁面而不刷新頁面。所以url會是空的嗎？ – Spy

不，必須有url，html文件路徑或函數（）路徑。這取決於你的數據結構。它會調用試圖讀取你的post請求的php部分。 –

但是，如果你已經準備好了來自php的數據，並且只是想將它傳遞給你的價值，那就馬上做，你不需要ajax。 Ajax只會在來自html的新輸入之後使用它，然後將這些數據發送到php。」class =「form-control」id =「changeText」placeholder =「Tracking Number：」> –

獲取輸入字段值而不刷新頁面

回答

相關問題