0
我想建立一個基本的聊天站點，並有四個文件：chat.html，scripts.html，load.php和send.php。xmlhttp請求不能正常工作
在這裏，他們是：
chat.html：
<html>
<head>
<title>Josh's Python Chat Website</title>
<script type="text/javascript" src="chatscripts.js">
</script>
</head>
<body>
<div id="divUsername" style="
position: absolute;
padding: 0px;
margin: 0px;
top: 10px;
left: 10px;
height: 26px;
width: 400px;">
Username: <input type="text" id="username" />
</div>
<div id="display" style="
border-style: solid;
border-width: 1px;
overflow:auto;
position: absolute;
padding: 0px;
margin: 0px;
top: 46px;
left: 10px;
height:400px;
width:400px;">
</div>
<div id="divLineInput" style="
position: absolute;
padding: 0px;
margin: 0px;
top: 456px;
left: 10px;
height: 26px;
width: 400px;">
<input type="text" id="line" size="50" onkeydown="if(event.keyCode==13) send()" />
<input type="button" id="sendbutton" value="Send" onclick="send()" />
</div>
</body>
</html>
scripts.js中：
function load(){
var xmlhttp = new XMLHttpRequest();
var params="";
xmlhttp.open("GET", "load.php", true);
// xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState==4 && xmlhttp.status==200){
var display = document.getElementById("display");
display.innerHTML = xmlhttp.responseText;
display.scrollTop = display.scrollHeight;
}
}
xmlhttp.send(params);
}
function send(){
var xmlhttp = new XMLHttpRequest();
var url="send.php";
var d = new Date();
var username = document.getElementById("username");
if (username.value==null || username.value==""){
alert("Please enter a username.");
username.focus();
return false;
}
var line = document.getElementById("line");
var params= "time=" + d.getTime().toString() + "&user=" + username.value + "&line=" + line.value;
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function(){}
xmlhttp.send(params);
document.getElementById("line").value = "";
load();
line.focus();
}
load();
setInterval("load()", 3000);
load.php：
<?php
error_reporting(E_ALL);
ini_set("display_errors", 1);
$dbhost = "localhost";
$dbuser = "root";
$dbpass = "password";
$dbname = "website";
$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ("Error connecting to database");
mysql_select_db($dbname);
$query = "select * from chat";
$result = mysql_query($query);
$num = mysql_numrows($result);
$response = "";
$i = 0;
while($i < $num){
$response .= "<p>" . mysql_result($result, $i, "user") . ": " . mysql_result($result, $i, "line") . "</p>";
$i++;
}
mysql_free_result($result);
mysql_close($conn);
echo $response;
?>
最後，送.php：
<?php
error_reporting(E_ALL);
ini_set("display_errors", 1);
$dbhost = "localhost";
$dbuser = "root";
$dbpass = "password";
$dbname = "website";
$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ("Error connecting to database");
mysql_select_db($dbname);
$query = "insert into chat (time, user, line) values ('" . $_GET['time'] . "', '" . $_GET['user'] . "', '" . $_GET['line'] . "')";
mysql_query($query);
mysql_close($conn);
?>
該網站加載聊天條目我把插入到MySQL數據庫使用命令行客戶端。 send.php工作爲好，因爲當我打電話
localhost/send.php?time=12345&user=Herrturtur&line=HelloWorld
在瀏覽器的地址欄中，「Herrturtur：HelloWorld」的在重新加載時聊天窗口中顯示出來。
創建數據庫的腳本如下：
create table chat (time INT(16), user VARCHAR(256), line TEXT);
所以我想它一定是在scripts.js中發送（）函數。將請求類型更改爲GET後，我沒有比這種方式更幸運的了，所以我發佈了這個版本。我的代碼有什麼問題？
我可能是平凡的，但使用任何常用的AJAX庫，以使JS請求將節省您大量的頭髮。沒有多少人可以調試XMLHttpRequest。 – 2010-07-01 00:34:17
你能推薦一個好的嗎？ – lowerkey 2010-07-01 00:35:47
我確實使用jquery，所以不能告訴別人。這裏是基本的ajax文檔。如果你滾動一下，你會發現一些例子。 – 2010-07-01 00:48:41