通過AJAX，PHP獲取價值

Question

我有一個帶有三個參數的ajax函數。 第一個參數包含ajax函數在調用時轉到的URL。 第二個參數包含包含最終輸出的div的ID名稱。 第三個參數包含一個變量，該變量可以存儲在POST中，以便在調用ajax函數時發送到url，以便可以回顯並在原始頁面上將其發送給div，且id為“ output” 。

我的問題是：是否有任何方法可以在輸入類型Submit中獲取值，以便可以將其存儲在POST中，以便在調用Ajax函數時將其發送到url，以便可以對其進行回顯，並且可以在div中在原始頁面上看到ID為“輸出”的內容嗎？

因此，輸入類型Submit中的值將為“ submit”。

test1.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type = "text/javascript"> 

function ajaxPass(gotoUrl,output,input) {

      $.ajax({
           type: "POST",
           url: gotoUrl,
           data: { input : input },
           error: function(xhr,status,error){alert(error);},
           success:function(data) {
             document.getElementById( output ).innerHTML = data;
           }

      });

}

</script>

<input type = "submit" name = "submit" value = "submit" onclick = "ajaxPass('test2.php','output','input')">
<div id = 'output'> </div>

test2.php

<?php

$input = $_POST['input'];
echo $input;

?>

Answer 1

不確定我是否理解，但是我將嘗試回答這一部分：

有什么方法可以獲取輸入類型中的值

<input type = "submit" name = "submit" value = "submit" onclick = "ajaxPass('test2.php','output',this.value)">

關鍵是使用this.value ， this引用輸入元素，並對其value （當然是value）進行賦值。

---

請看以下簡單示例以了解其實際效果：

 <input type = "submit" name = "submit" value = "submit value here" onclick = "alert(this.value)"> 

---

UPDATE

此示例將讀取文本輸入元素的值，並將其作為input變量傳遞給AJAX調用：

function ajaxPass(gotoUrl,output) {

      var input = document.getElementById('t').value; // or $('#t').val();

      $.ajax({
           type: "POST",
           url: gotoUrl,
           data: { input : input },
           error: function(xhr,status,error){alert(error);},
           success:function(data) {
             document.getElementById( output ).innerHTML = data;
           }

      });

}

</script>

<input type="text" id="t">
<input type = "submit" name = "submit" value = "submit" onclick = "ajaxPass('test2.php','output')">
<div id = 'output'> </div>