Question

我有使用html，JavaScript和PHP的简单代码。我试图通过ajax将变量从HTML传递到PHP。

一个带有按钮的文本框出现在屏幕上，用户在文本字段中输入并单击按钮。字段文本应出现在字段之前。但就我而言，单击该按钮没有任何反应。我在下面发布我的代码。这是我制作的三个文件：

index.html

<!doctype html> 
<html lang="en">
   <body>
      <input id="name" type="text" /> <input id="button" type="button" value="Load" /> 
      <div id="content"></div>
      <script type="text/javascript" src="ajax.js"></script> 
   </body>
</html>

ajax.js

$('#button').click(function() {
    document.write("this is javascript");
    var name = $('#name').val();
    $.ajax({
        url: 'page.php',
        data: name,
        success: function(data) {
            $('#content').html(data);
        }
    });
});

page.php

<?php 
    if(isset($_GET['name'])) {
        echo "lllllllllllllllll";
        echo $name=$_GET['name'];
    } 
?>

Answer 1

如上所述添加CDN。另外，在将外部js文件ajax.js包含在index.html中之前，请确保已加载jquery CDN或jquery.lib.js。

您的$ .ajax代码中存在问题：

$。ajax（{ 网址：“ page.php”， 数据：名称 成功：功能（数据）{ $（'＃content'）。html（data）; } }）; 更改为：

$。ajax（ { 类型：“ GET”，网址：“ page.php”，数据：“名称=测试” }，成功：功能（数据）{ $（'＃content'）。html（data）; } ）;

Answer 2

仅在axaj.js之前添加

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

Answer 3

将此内容添加到您的JavaScript Ajax中：type : 'GET'。在您的php代码中：

$name=$_GET['name']; 
echo $name;

JavaScript和PHP代码不起作用

3 个答案: