javascript - 如何使用 AJAX 将 HTML 变量上传到 PHP 文件

Question

在我的网站上，我试图基本上生成一个随机代码(我将在稍后设置)，然后将该代码传递到一个 PHP 文件中，以便稍后在客户端需要时检索它。但我的代码无法正常工作。

代码如下:

Javascript/HTML:

function init() {    
    var code = "12345";
        $.ajax({
            type: 'POST',
            url: 'codes.php',
            data: { code: code},
            success: function(response) {
                $('#result').html(response);
            }
        });
    }

PHP:

 <?php 
     $code = $_POST['code'];
     echo $code
 ?>

所以据我所知，应该发生的是代码被上传或“发布”到 php 文件，然后 #result 是 echo $code。这些都没有发生，我也不知道。

Answer 1

您的代码在进行一些基本更改后可以完美运行。 您需要一个 id 为“result”的 html 元素。 然后你需要根据要求调用你的 init() 。

<div id="result"></div>
<script>
function init() {    
    var code = "12345";
        $.ajax({
            type: 'POST',
            url: 'codes.php',
            data: { code: code},
            success: function(response) {
                $('#result').html(response);
            }
        });
    }
init();
</script>