2012-11-14 24 views
0

這裏是我的HTML/Ajax代碼AJAX調用PHP日期顯示

<head> 
<script language="javascript" type="text/javascript"> 
<!-- 
//Browser Support Code 
function ajaxFunction(){ 
var ajaxRequest; // The variable that makes Ajax possible! 

try{ 
    // Opera 8.0+, Firefox, Safari 
    ajaxRequest = new XMLHttpRequest(); 
} catch (e){ 
    // Internet Explorer Browsers 
    try{ 
     ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
    } catch (e) { 
     try{ 
      ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
     } catch (e){ 
      // Something went wrong 
      alert("Your browser broke!"); 
      return false; 
     } 
    } 
} 
// Create a function that will receive data sent from the server 
ajaxRequest.onreadystatechange = function(){ 
    if(ajaxRequest.readyState == 4){ 
     var ajaxDisplay = document.getElementById('ajaxDiv'); 
     ajaxDisplay.innerHTML = ajaxRequest.responseText; 
    } 
} 
var date = document.getElementById('Date').value; 
var queryString = "?date=" + date; 
ajaxRequest.open("GET", "php.php" + queryString, true); 
ajaxRequest.send(null); 
} 

//--> 
</script> 

<!--showDate AJAX script --> 

<!-- //Calender Script --> 
<link rel="stylesheet" type="text/css" media="all" href="scripts/jsDatePick_ltr.min.css"/> 

<!--JavaScript--> 
<script type="text/javascript" src="scripts/jsDatePick.min.1.3.js"></script> 

<!--For javascript Calendar--> 
<script type="text/javascript"> 
window.onload = function(){ 
new JsDatePick({useMode:2, target:"Date", cellColorScheme:"orange", dateFormat:"%d-%m-%Y",});}; 
</script> 
</head> 
<body> 
<form action=""> 
Date &nbsp;:&nbsp; <input type="text" size="20" id="Date" name="Date"/> 
<input type="submit" name="submit" value="Submit" onClick="ajaxFunction()"/> 
</form> 
<div id="ajaxDiv">Time slots will be listed here...</div> 

</body> 

這裏是我的PHP代碼

<?php 

$d = $_GET['date']; 
$timestamp = strtotime($_GET['date']); 
$date = date("Y-m-d",$timestamp); 

echo "Time is $date"; 
?> 

我可以從壓延選擇日期和日期將在下面顯示。不幸的是,它不起作用。有人請幫我解決我的問題。我曾多次嘗試修復錯誤,但仍無法完成。幾乎暈倒。

+1

爲什麼不使用jQuery?它使得使用AJAX非常容易! – JustAPoring

+0

什麼不行?更加詳細一些? – woz

+0

只是一個簡短的說明,「時間是......」在您輸出日期後沒有意義;) – emartel

回答

0

首先我建議你使用jQuery for Ajax handling,那麼爲什麼你會在服務器上查詢獲取日期,傳遞日期本身?

使用moment.jsxdate進行客戶端日期時間格式化。

+0

我是網頁設計的初學者。我不知道jQUery是如何工作的。

Time slots will be listed here...
在這個div處,php會從輸入中回顯「Time is $ date」,但它不起作用。有人可以教我如何使用jQuery? – user1802939

+0

我會爲$ 50 /小時做 - 谷歌是你的朋友的人! – moonwave99

+0

看起來像你是親你的價格。 LOL – user1802939

0

你想要做什麼和你在做什麼是兩件非常不同的事情, 1.你根本不需要php。 2.這是完整的代碼供您複製。 http://www.java2s.com/Code/JavaScript/Development/UpdateTimepersecond.htm

+0

其實這只是我的項目的一個小測試。我想從用戶輸入中獲取日期,從日期開始,時段將顯示出來,無論是預訂還是可用。 – user1802939

+0

你從哪裏拉數據庫的插槽? –