使用ajax检索数据网格
Using ajax to retrieve a data grid
这是我第一次尝试使用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>
但你可能已经知道了,只是为那些可能正在阅读你的问题的人添加了评论。
为username
添加''
。
更改
$.post('ajax/name.php', {username: name}, function(data){.....
至
$.post('ajax/name.php', {'username': name}, function(data){.....
相关文章:
- 剑道网格jQuery动画()问题
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 我可以更改剑道UI网格吗's的外键值
- jqGrid树网格问题
- 在Three.js中导出网格会提高性能吗
- 如何在剑道网格初始化后设置pageSizes
- 在threejs中使用纹理网格和线框网格
- 如何在可分组的剑道网格中设置空数据文本
- 如何在Angular UI网格中选择下一行
- ExtJS网格单元格编辑器,防止焦点松动问题
- 多维数据集网格未在指定的分区中绘制
- 光线投射从内部投射时不会碰到网格
- 使用javascript在MVC中查找网格长度时出错
- 如何刷新AngularJs剑道网格
- 使用导航属性创建Kendo UI网格模型的问题
- ui网格将单元格显示为选择标记
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- 使用按钮的Angular UI网格过滤器
- 如何在master中调用细节网格作为单击事件
- ui网格:在自定义表头模板中触发排序