Question

实际上我试图在不刷新页面的情况下获取数据。以下是我为此所做的编码。

这里文件名配置php用于连接数据库

索引php文件代码

<!DOCTYPE html>
<html>
<head>
<title>Ajax Demo</title>
</head> 
<body>
Name: <input type="text" name="name"/><br />
<input type="submit" name="name" id="name-submit" value="Get Data"/>
<div id="name-data"></div>

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/getdata.js" ></script>
</body>
</html>

这是getdata js文件的代码

$('input#name-submit').on('click', function(){
    var name = $ ('input#name').val();
    if($.trim(name) != ''){
        $.post('name.php', {name: name}, function(data) {
            $('div#name-data').text(data);*/
        });
    }
});

最后名称php文件代码如下

$query = mysqli_query($con, "SELECT * 
FROM `temp` 
WHERE `name`.`name`='". mysqli_real_escape_string(trim($_POST['name'])) ."'");

$num = mysqli_num_rows($query);

echo ($num !== 0) ? mysqli_result($query, 0, 'lastname') : 'Name Not Forund' ;
}
?></code>

Answer 1

我无法看到任何输入id =＆＃34; name＆＃34;！ var name = $ ('input#name').val();您可以使用以下代码解决此问题：var name = $ ('input[name="name"]').val();

Answer 2

<input type="text" name="name"/>

应该是

<input type="text" name="name" id="name"/>

根据您的代码

Answer 3

将 ID 属性添加到以下输入元素以获取值。

Name: <input type="text" name="name" id="name"/>

然后在下面的代码中获取上面输入的值。

var name = $('#name').val();

另请在下方检查客户端的数据以检查ajax响应。

console.log(data);

一般说明：我看不到任何数据库连接，所以请在最后检查一下。

Answer 4

更改

var name = $ ('input#name').val();

到

var name = $ ('input#name-submit').val();

Ajax无法加载数据

4 个答案: