-1

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');
   }

html ページでデータを取得する方法を教えてください。

4

1 に答える 1

0

良い質問。あなたがする必要があるのは JavaScript の Step-Debug で、問題が表示されます。

これがあなたが部分的に知っているもの、またはまったく知らないものである場合... 私はあなたに強くお勧めします、それは開発力の新しい世界を切り開くでしょう.

例えば...

  1. Chrome で開く
  2. 右クリックして、[要素の検査] を選択します。
  3. [スクリプト] タブで、JavaScript ファイルを開きます。
  4. 左マージンの「バー」領域をクリックしてブレークポイントを設定できます。ブレークポイントは丸い点として表示されます。
  5. すべての関数にブレークポイントを設定します。
  6. リフレッシュを押します。JavaScript の実行は、最初の有効なブレークポイントで停止します。
  7. この時点で、変数を調べて、それらが想定した値であるかどうかを確認できます。

ブレークポイントが表示されない場合は、「pageshow」イベントが機能していないことが原因です。

これに関する情報です。

別の例を次に示します。

私の推測では、1) ページ ショーが呼び出されていない、2) PHP への呼び出しが予期せず不正な形式である、またはコールバックが返されない、のいずれかが見つかると思います。

ブレークポイントは、これらすべてを視覚化します。

また、コールバック関数がnullである可能性があることを確認してください。中括弧がなく（投稿にあります）、失敗している場合があります。これが発生している場合、Chrome Dev Tools のコンソールに赤いエラー メッセージが表示されます。

強力なワークフローです。それが役立つことを願っています。

于 2012-09-13T06:33:20.430 に答える