使用javascript和json以html5格式显示数据库中的数据_Javascript_Json_Html

使用javascript和json以html5格式显示数据库中的数据

javascript json html

使用javascript和json以html5格式显示数据库中的数据,javascript,json,html,Javascript,Json,Html,我试图从mysql数据库中显示一个html列表。为了从mysql中获取数据，我使用json和javascript。但它什么也没表现出来我的html页面是 <!DOCTYPE html> <html class="ui-mobile-rendering"> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=

我试图从mysql数据库中显示一个html列表。为了从mysql中获取数据，我使用json和javascript。但它什么也没表现出来

我的html页面是

<!DOCTYPE html>
<html class="ui-mobile-rendering">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css"/>
</head>
<body>
<div id="tenant" data-role="page">

    <div data-role="header">
        <a href="index.html" data-icon="back" class="back ui-btn-left">Back</a>
        <h1>My Lease</h1>
    </div>

    <div data-role="content">

        <ul id="actionList" data-role="listview"  data-inset="true">
        </ul>
    </div>  
    </div>
<script src="js/tenantlease.js"></script>
<script src="lib/jquery-1.7.1.min.js"></script>
<script src="js/jqm-config.js"></script>
<script src="lib/jquery.mobile-1.0.1.min.js"></script>
<script src="lib/underscore-min.js"></script>
<script src="lib/backbone-min.js"></script>
<script src="js/main.js"></script>
</body>
</html>


我的租约

我的php文件是。当我使用id从浏览器调用时，它工作正常

<?php
session_start();
include 'connection.php';
$email=$_SESSION["PM"];

$sql = "select * from phpap105_tenantinfo where TenantEmailAddress=:id";
try {
$dbh = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass);  
$dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$stmt = $dbh->prepare($sql);  
$stmt->bindParam("id", $_GET[id]);
$stmt->execute();
$employee = $stmt->fetchObject();  
$dbh = null;
echo '{"item":'. json_encode($employee) .'}'; 
} catch(PDOException $e) {
echo '{"error":{"text":'. $e->getMessage() .'}}'; 
}
?>

我的javascript文件是

    $('#tenant').live('pageshow', function(event) {
//var id = getUrlVars()["id"];
var id = 'mukul_kuet@yahoo.com';
$.getJSON('tenantlease.php?id='+id, displayEmployee);
    });

   function displayEmployee(data) {
var employee = data.item;
//console.log(employee);


if (employee.TenantFirstName) {
    $('#actionList').append('<li><h3>First Name</h3>' +
            '<p>' + employee.TenantFirstName + '</p></a></li>');
}
if (employee.TenantLeaseSigned) {
    $('#actionList').append('<li><h3>Lease Sign</h3>' +
            '<p>' + employee.TenantLeaseSigned + '</p></a></li>');
}
    $('#actionList').listview('refresh');
   }

$（“#租户”）.live（'pageshow'，函数（事件）{
//var id=getUrlVars（）[“id”]；
变量id='mukul_kuet@yahoo.com';
$.getJSON（'tenantlease.php？id='+id，displayEmployee）；
});
功能显示员工（数据）{
var employee=data.item；
//控制台日志（员工）；
if（employee.TenantFirstName）{
$（“#操作列表”）.append（“名字”+
“”+employee.TenantFirstName+”）；
}
如果（员工租户签名）{
$（“#操作列表”）.append（“租赁符号”+
“”+employee.TenantLeaseSigned+”）；
}
$（“#操作列表”）.listview（“刷新”）；
}

请帮助我如何在html页面中获取数据。提前感谢您的帮助。

好问题。您需要做的是逐步调试JavaScript，您将看到问题所在

如果这是你部分熟悉或完全不熟悉的东西。。。我强烈推荐给你们，它将打开一个发展力量的新世界

例如

镀铬

右键单击并选择->检查图元

在“脚本”选项卡下，打开JavaScript文件

在左边空白处，您可以单击“条形”区域以设置断点，该断点将显示为圆点

设置断点。。。在你所有的功能中

点击刷新。JavaScript的执行将在第一个有效断点处停止

此时，您可以检查变量，看看它们是否是您认为的值

如果没有看到断点，那是因为“pageshow”事件不起作用

我的猜测是，您会发现1）页面显示没有被调用，2）对php的调用格式意外错误，或者您的回调没有被回调

断点将可视化所有这些

另外，检查回调函数，如果它缺少大括号（在帖子中）并且失败，那么它可能为null。如果发生这种情况，Chrome开发工具的控制台中将出现红色错误消息

这是一个强大的工作流。

希望对您有所帮助。

从jquery 1.7开始，

live（）

已被弃用。是否尝试在（）上使用

或委托（）
？如果未选中此项，displayEmployee（）