FRIE
Новичок
Помогите с AJAX/SAJAX,динамический вывод таблицы из php скрипта
Помогите пожалуйста разобраться , уже 2 недели мануалы курю и понять не могу как сделать.
Задача такая - есть php скрипт который обращяется к базе, берет оттуда сообщения и выводит в табличке , нужно чтобы это происходило без перезагрузки страницы . Я на гдето прочитал что прощще всего будет сделать с помощью SAJAX но я ни в SAJAX ни в AJAX не врубаюсь. Как для такой задачи создать обьекты XMLHttpRequet какие функции написать как обратиться к php скрипту и как назад данные забрать?
Помогите плиз, а то уже бьюсь в истерике , это наверное просто , а до меня не доходит
Каким то чудом удалось вывести сообщения ! вот код
>>>>>>>>>>>script_messages.js<<<<<<<<<<<
var http_request = false;
function createXMLHttp() {
if(typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
} else if(window.ActiveXObject) {
var aVersions = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0",
"MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp",
"Microsoft.XMLHttp"
];
for (var i = 0; i < aVersions.length; i++) {
try {
var oXmlHttp = new ActiveXObject(aVersions);
alert(aVersions);
return oXmlHttp;
} catch (oError) {
}
}
throw new Error("Невозможно создать объект XMLHttp.");
}
}
function displayMail(sText) {
sElem = document.getElementById("Mail");
sElem.innerHTML = sText;
}
function getRequest() {
var sId = document.getElementById("read").value;
var oXmlHttp = createXMLHttp();
oXmlHttp.open("GET","index.php?action=mail&readmessages=true",true);
oXmlHttp.onreadystatechange = function() {
if(oXmlHttp.readyState == 4) {
if(oXmlHttp.status == 200) {
displayMail(oXmlHttp.responseText);
} else {
displayMail("Ошибка: " + oXmlHttp.statusText);
}
}
};
oXmlHttp.send(null);
}
function getMail() {
makeGETRequest('index.php?action=mail&readmessages=true');
}
>>>>>>>>>>>>>mail2.php<<<<<<<<<<<<
<script type="text/javascript" src="js/script_messages.js"></script>
<div id="MenuMessages">
<input type=submit class='orangebutton' style='width:160px; height:23px;float:left;margin-left:5px;' value='Написать сообщение'>
</form>
<input type=submit class='orangebutton' id='read' style='width:140px; height:23px;float:left;margin-left:5px;' value='Читать сообщения' onclick="getRequest();" >
</form>
<input type=submit class='orangebutton' style='width:100px; height:23px;float:left;margin-left:5px;' value='Читать свои'>
</form>
</div>
<div id="Mail"></div>
ну скрипт который берет из базы сообщения и выводит их думаю смысла нету выкладывать, тк весь результат выводится в div "mail" и он точно такой же но теперь без перезагрузки ! НО!!!! у меня база в кодировке кирилица и на экран мне выпадают прокозяблы , как это побороть?
Помогите пожалуйста разобраться , уже 2 недели мануалы курю и понять не могу как сделать.
Задача такая - есть php скрипт который обращяется к базе, берет оттуда сообщения и выводит в табличке , нужно чтобы это происходило без перезагрузки страницы . Я на гдето прочитал что прощще всего будет сделать с помощью SAJAX но я ни в SAJAX ни в AJAX не врубаюсь. Как для такой задачи создать обьекты XMLHttpRequet какие функции написать как обратиться к php скрипту и как назад данные забрать?
Помогите плиз, а то уже бьюсь в истерике , это наверное просто , а до меня не доходит
Каким то чудом удалось вывести сообщения ! вот код
>>>>>>>>>>>script_messages.js<<<<<<<<<<<
var http_request = false;
function createXMLHttp() {
if(typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
} else if(window.ActiveXObject) {
var aVersions = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0",
"MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp",
"Microsoft.XMLHttp"
];
for (var i = 0; i < aVersions.length; i++) {
try {
var oXmlHttp = new ActiveXObject(aVersions);
alert(aVersions);
return oXmlHttp;
} catch (oError) {
}
}
throw new Error("Невозможно создать объект XMLHttp.");
}
}
function displayMail(sText) {
sElem = document.getElementById("Mail");
sElem.innerHTML = sText;
}
function getRequest() {
var sId = document.getElementById("read").value;
var oXmlHttp = createXMLHttp();
oXmlHttp.open("GET","index.php?action=mail&readmessages=true",true);
oXmlHttp.onreadystatechange = function() {
if(oXmlHttp.readyState == 4) {
if(oXmlHttp.status == 200) {
displayMail(oXmlHttp.responseText);
} else {
displayMail("Ошибка: " + oXmlHttp.statusText);
}
}
};
oXmlHttp.send(null);
}
function getMail() {
makeGETRequest('index.php?action=mail&readmessages=true');
}
>>>>>>>>>>>>>mail2.php<<<<<<<<<<<<
<script type="text/javascript" src="js/script_messages.js"></script>
<div id="MenuMessages">
<input type=submit class='orangebutton' style='width:160px; height:23px;float:left;margin-left:5px;' value='Написать сообщение'>
</form>
<input type=submit class='orangebutton' id='read' style='width:140px; height:23px;float:left;margin-left:5px;' value='Читать сообщения' onclick="getRequest();" >
</form>
<input type=submit class='orangebutton' style='width:100px; height:23px;float:left;margin-left:5px;' value='Читать свои'>
</form>
</div>
<div id="Mail"></div>
ну скрипт который берет из базы сообщения и выводит их думаю смысла нету выкладывать, тк весь результат выводится в div "mail" и он точно такой же но теперь без перезагрузки ! НО!!!! у меня база в кодировке кирилица и на экран мне выпадают прокозяблы , как это побороть?