使用ajax将javascript变量传递给php,结果不显示任何内容

这是我的代码,我想将 javascript变量与ajax传递给PHP,当我点击提交按钮然后结果不显示来自javascript的var_data变量什么代码有错？
在大家帮助我之前,这是一个编辑顺序

<!DOCTYPE html>
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
        $(document).ready(function() {
            $('#sub').click(function() {
                var var_data = "Hello World";
                $.ajax({
                    url: 'http://localhost/ajax/PassVariable.PHP',type: 'GET',data: { var_PHP_data: var_data },success: function(data) {
                         // do something;

                     }
                 });
             });
         });
 </script>

 </head>
 <body>

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

 <?PHP 
   $test = $_GET['var_PHP_data'];
     echo $test;
 ?>
 </body>
 </html>

这是源代码

<?PHP
     if (isset($_GET['var_PHP_data'])) {
       echo $_GET['var_PHP_data'];
     } else {
     ?>
     <!DOCTYPE html>
     <html>
       <head>
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
            <script src="http://malsup.github.com/jquery.form.js"></script> 
         <script>
             $(document).ready(function() {
                 $('#sub').click(function() {
                     var var_data = "Hello World";
                     $.ajax({
                         url: 'http://localhost/test.PHP',success: function(data) {
                              // do something;
                             $('#result').html(data)
                          }
                      });
                  });
              });
         </script>
       </head>
       <body>
         <input type="submit" value="Submit" id="sub"/>
         <div id="result">
       </body>
     </html>
    <?PHP } ?>

这种说法如果(isset($_ GET [ ‘var_PHP_data’]))输出错误,然后显示的Hello World我应该怎么做isset($_ GET [ ‘var_PHP_data’])做的是真的吗？

您的解决方案存在PHP问题：您不检查数据是否存在,并且您不对结果执行任何操作.我已修改脚本以执行以下操作：

>检查是否设置了var_PHP_data var(在PHP中,在服务器上).
>如果是,只需发送包含该数据的空白文本响应.
>如果不是,则绘制表格和其他所有内容.
>在表单中,我创建了一个#result div.
> Ajax响应将显示在此div中.

还要确保您在localhost上托管脚本,并将其命名为test.PHP.要确保它具有弹性,您可以将Ajax URL更改为
<？PHP echo $_SERVER ['PHP_SELF'];？>确保你会找到正确的脚本.

<?PHP
    if (isset($_GET['var_PHP_data'])) {
      echo $_GET['var_PHP_data'];
    } else {
    ?>
    <!DOCTYPE html>
    <html>
      <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
        <script>
            $(document).ready(function() {
                $('#sub').click(function() {
                    var var_data = "Hello World";
                    $.ajax({
                        url: 'http://localhost/test.PHP',success: function(data) {
                             // do something;
                            $('#result').html(data)
                         }
                     });
                 });
             });
        </script>
      </head>
      <body>
        <input type="submit" value="Submit" id="sub"/>
        <div id="result">
      </body>
    </html>
    <?PHP } ?>

原文地址：https://www.jb51.cc/ajax/159811.html

使用ajax将javascript变量传递给php,结果不显示任何内容

相关推荐