使用jquery和ajax訪問同一頁面上的php值

Question

我試圖回顯用戶使用jquery和ajax在輸入標簽中輸入的值。 以下是我的代碼

 < script src = "//code.jquery.com/jquery-1.11.0.min.js" > < /script> < script type = "text/JavaScript" > function showMessage() { var message = document.getElementById("message").value; $.ajax({ url: 'value_pass.php', type: 'GET', data: { var_PHP_data: message }, success: function(data) { alert("success"); }, error: function(XMLHttpRequest, textStatus, errorThrown) { //case error } }); } < /script>

 <!DOCTYPE html> <html> <head> </head> <body> Enter message: <input type="text" id="message"> <input type="submit" onclick="showMessage()" value="submit" /> <?php echo "hi".$_GET['var_PHP_data'];?> </body> </html>

我的PHP腳本是：

<?php 
echo "hi".$_GET['var_PHP_data'];
?>

該代碼警告成功提示，但是我無法使用GET訪問該值，這是我做錯任何事情的指針。

Answer 1

如果您在同一頁面上執行此操作，請在頁面頂部添加用於處理ajax請求的php腳本

像這樣

<?php if(isset($_GET['var_PHP_data'])){
  echo "hi".$_GET['var_PHP_data'];
  die;
}?>

<!-- rest of your html code start from here -->
<!DOCTYPE html>
<html>

<head>
</head>

<body>
  Enter message: <input type="text" id="message">
  <input type="submit" onclick="showMessage()" value="submit" />
</body>

</html>

Answer 2

如果使用ajax，請遵循以下代碼

<!DOCTYPE html>
<html>

<head>
</head>

<body>
  Enter message: <input type="text" id="message">
  <input type="submit" onclick="showMessage()" value="submit" />
 <span id = 'PHP_data'></span>
</body>

</html>


<script src = "//code.jquery.com/jquery-1.11.0.min.js" > < /script>
  <script type = "text/JavaScript" >
  function showMessage() {
    var message = document.getElementById("message").value;
    $.ajax({
      url: 'value_pass.php',
      type: 'GET',
      data: {
        var_PHP_data: message
      },
      success: function(data) {
      message1 = "Hi "+message
       $('#PHP_data').html(message1);
        alert("success");
      },
      error: function(XMLHttpRequest, textStatus, errorThrown) {
        //case error
      }
    });

  } 
  </script>

如果您使用表單提交，請使用以下代碼

<!DOCTYPE html>
<html>

<head>
</head>

<body>
  <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method ='GET'>
  Enter message: <input type="text" id="message" name = "message">
  <input type="submit" value="submit" />
 <?php if(isset($_GET['message'])){
 echo "hi".$_GET['message'];
  die;
} ?>
 </form>
</body>

</html>

使用jquery和ajax訪問同一頁面上的php值

問題描述

2 個解決方案

解決方案1
0 2017-11-13 06:42:51

解決方案2
0 2017-11-13 06:44:00

使用jquery和ajax訪問同一頁面上的php值

問題描述

2 個解決方案

解決方案1 0 2017-11-13 06:42:51

解決方案2 0 2017-11-13 06:44:00

解決方案1
0 2017-11-13 06:42:51

解決方案2
0 2017-11-13 06:44:00