繁体   English   中英

如何使用ajax将javascript变量的值放入php变量

[英]how to use ajax to put value from javascript variable into a php variable

我需要获取javascript变量的值并将其放入mysql数据库。 我试图在(test.html)中使用jquery ajax函数将变量发布到单独的PHP文件(external.php)。 我不确定为什么它不起作用,我将不胜感激。 这是我的两个文件:

这是test.html:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">

  </head>
  <body>

    <script>

$(document).ready(function () {
      var longitude = "print a longitude";


      $.ajax({
          url: "external.php",
          method: "POST",
          data: { "longitude": longitude }
      });
});



    </script>




  </body>
</html>

这是external.php:

 <?php

    $longitude = $_POST['longitude'];
    echo json_encode($longitude);
    ?>

下面的代码对我来说很好用:

external.php文件:

<?php
    header('Content-Type: application/json');
    $longitude = $_POST['longitude'];
    echo json_encode($longitude);
?>

test.html文件:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">

  </head>
<body>
<script>
$(document).ready(function () {
      var longitude = "print a longitude";


      $.ajax({
          url: "external.php",
          method: "POST",
          dataType: "json",
          data: { "longitude": longitude },
          success: function(data){
            console.log(data);
          }
      });
});
</script>
</body>
</html>

另外,请确保您没有以以下方式运行文件:

file:///C:/Users/XXX/Desktop/XAMPP/htdocs/test.html

如果以这种方式运行它,则会出现此错误:

XML Parsing Error: no root element found
Location: file:///C:/Users/XXX/Desktop/XAMPP/htdocs/external.php
Line Number 5, Column 3:

您需要做的是运行Apache,然后按以下方式运行文件:

http://localhost/test.html

以下是我得到的屏幕截图:

在此处输入图片说明

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM