Question

我想将index.php的JavaScript变量传递给response.php，但没有输出。我是JavaScript和AJAX的新手......如果缺少某些内容，请告诉我：

的index.php ：

var var_data = "Hello World";
$(document).ready(function() {
    $('#sub').click(function() {
        $.ajax({
            url: 'response.php',
            type: 'GET',
            data: { var_PHP_data: var_data },
            success: function(data) {
                $('#result').html(data)
            }
        });
    });
});

response.php ：

$test = $_GET['var_PHP_data'];
echo "variable is : .$test";

Answer 1

将其写为：

$.ajax({
   url: 'response.php?var_PHP_data='+var_data,
   type: 'GET',
   success: function(data) { 
        //success 
       $('#result').html(data);
   }
})

Answer 2

如果您使用的是ajax，那么它应该是

<input type="button" value="Submit" id="sub"/>

不是

<input type="submit" value="Submit" id="sub"/>

如果你使用像这样的HTML代码，它会产生问题

<form action="" type="get">
    <div id="result"></div>
    <input type="submit" value="Submit" id="sub"/> </body> </html>
</form>

Answer 3

在index.php页面试用此HTML：

<html>
   <head>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript"> 
      var var_data = "Hello World";
      $(document).ready(function() {
         $('#sub').click(function() {
            $.ajax({
               url: 'response.php',
               type: 'GET',
               data: { var_PHP_data: var_data },
               success: function(data) {
                 $('#result').html(data);
               },
               error: function(XMLHttpRequest, textStatus, errorThrown) {
                  //case error
                }
             });
          });
      }); 
     </script>
   </head>
   <body>
     <input type="submit" value="Submit" id="sub"/>
     <p id="result"></p>
   </body> 
</html>

Answer 4

jquery libray出了点问题，我现在使用了这个链接并且工作正常。

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

使用AJAX将JavaScript变量传递给PHP

4 个答案: