AJAX和PHP不起作用

-2

<html> 
<head> 
<title>Patient Information Management</title> 
<!--showDate AJAX script --> 
<script language="javascript" type="text/javascript"> 
function showDate(){ 
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 and will update 
// div section in the same page. 
ajaxRequest.onreadystatechange = function(){ 
if(ajaxRequest.readyState == 4){ 
    var ajaxDisplay = document.getElementById('ajaxDiv'); 
    ajaxDisplay.value = ajaxRequest.responseText; 
} 
} 
// Now get the value from user and pass it to 
// server script. 
var date = document.getElementByName('Date').value; 
var queryString = "?date=" +date ; 
ajaxRequest.open("GET", "getappointmentdate.php" +queryString, true); 
ajaxRequest.send(null); 
} 
</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> 

<div class="wrapper"> 
<?php include("include/header.php"); ?> 
<div class="clear"></div> 
<?php 


<div class="clear"></div> 



</div> <!-- end of sidemenu div --> 
</div> <!-- end of left div --> 

<div id="right" > 

<h2>anything</h2> 
<div class='grey_divider'></div> 

<p>&nbsp;</p> 
<div class='grey_divider'></div> 
<h3>Make Appointment</h3> 
<form action=""> 
Date &nbsp;:&nbsp; <input type="text" size="20" id="Date" name="Date"/> 
<input type='button' onclick='showDate()' value='Submit'/> 
</br> 
</br> 

</form> 


</div> 
</body> 
</div> 
</html>

當我點擊按鈕'提交'時，它應該運行PHP文件，但不幸的是，沒有任何事情發生，有人可以幫助我。我抓住HTML日期getElementByName而不是getElementById，因爲'id'已被用來抓住日曆js。它會影響？

來源

2012-11-06 user1802939

可以查看瀏覽器控制檯，看是否發生了JavaScript錯誤？如果有，在這裏發佈將是有用的。 – Ren

不，它沒有從瀏覽器發生任何錯誤。只是結果返回是空的。 – user1802939

我很肯定你需要趕上按鈕點擊並停止它的默認行爲.preventDefault()然後調用你的函數。

添加的代碼

$('input[type="submit"]').click(function(e) { 
    e.preventDefault(); 
    showDate(); 
});

來源

2012-11-06 12:04:09 deiga

你可以展示自己的方式嗎？我非常感謝。 – user1802939

以上顯示在更新 – deiga

@deiga我想你需要提供解決方案在他的味道（javascript）作爲後沒有任何jQuery相關標籤:( – swapnesh

AJAX和PHP不起作用

回答

相關問題