gpt4 book ai didi

javascript - 使用ajax检索数据网格

转载 作者:行者123 更新时间:2023-12-03 11:49:09 27 4
gpt4 key购买 nike

这是我第一次尝试使用ajax。我成功地从表中检索数据,但我希望能够提取整个数据网格。我不完全确定如何去做这件事。

现在,我的 index.php 文件如下所示:

 <html>
<head><title>Ajax Stuff</title>
</head>
<body>
<input id="username" name="username" type="text" />
<button type="submit" id="myBtn" name="myBtn">Submit</button>

<div id="name-data"></div> // <-data will be sent here

<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/global.js"></script>
</body>
</html>

这是 global.js 的代码:

 $('#myBtn').on('click', function(){
var name = $('#username').val();
if($.trim(name) != '')
{
$.post('ajax/name.php', {username: name}, function(data){
$('#name-data').text(data);
});
}
});

最后,这是名为 name.php 的 ajax 文件的代码:

 <?php
include("../include/database/php");

if(isset($_POST['username']) === true && empty($_POST['username']) === false)
{
$query = mysql_query("SELECT * FROM users WHERE username = '" . mysql_real_escape_string(trim($_POST['username'])) . "'");
$resnum = mysql_num_rows($query);

$row = mysql_fetch_assoc($query);

// I just added these next few line

echo "username: " . $row[username] . " ";
echo "full name: " . $row[fullname] . " ";
echo "emaill: " . $row[email] . " ";
echo "user level: " . $row[userlevel] . " ";
echo "division: " . $row[division] . " ";
echo "phone: " . $row[phone] . " ";
echo "created by: " . $row[created_by] . " ";

}

使用上面的 PHP 代码,我可以显示我请求的行。但我尝试添加一个表(在 name.php 中),我的主文件 index.php 实际上在屏幕上显示了该表的代码。

每当我尝试在 PHP 文件中使用 HTML 代码时,它都会将 HTML 代码打印到屏幕上。

例如,我尝试使用这样的 BR 标签:

 <?php
echo "username: " . $row[username] . "<br />";
?>

屏幕将打印以下内容:

 username: johbea1234 <br />

当我尝试使用表格标签时也是同样的情况。

我该如何解决这个问题?

请帮忙。

最佳答案

改变

$('#name-data').text(data);

$('#name-data').html(data);

然后您可以使用任何您喜欢的 HTML 标签。

还有

<div id="name-data"></div> // <-data will be sent here

不完全正确,更像是:

<div id="name-data"><!-- data will be sent here --></div>

但您可能已经知道这一点,并且刚刚为那些可能正在阅读您的问题的人添加了评论。

关于javascript - 使用ajax检索数据网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25916446/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com