Три файла:
Первый 1.php содержит форму отправки, функцию, и див для приёма данных.
| Код |
<html>
<head>
<title>title</title>
<script type='text/javascript' src='ajax.js'></script>
<script language="JavaScript">
function namosw_goto_byselect(sel, targetstr)
{
var index = sel.selectedIndex;
sendRequest('test.php?page='+index, 'resultId', getRequest);
}
</script>
</head>
<body>
<select name="selection_0" OnChange="namosw_goto_byselect(this, 'self')">
<option></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br>
<div id="resultId"></div>
</body>
</html>
|
Второй ajax.js Создает HTTPRequest, отправляет и принимает данные:
| Код |
function createHttpRequest() {
var httpRequest;
var browser = navigator.appName;
if (browser == "Microsoft Internet Explorer") {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else {
httpRequest = new XMLHttpRequest();
}
return httpRequest;
}
function sendRequest(file, _resultId, getRequestProc) {
resultId = _resultId;
document.getElementById(resultId).innerHTML = 'Подождите, идет загрузка...';
httpRequest.open('get', file);
httpRequest.onreadystatechange = getRequestProc;
httpRequest.send(null);
}
function getRequest() {
if (httpRequest.readyState == 4) {
document.getElementById(resultId).innerHTML = httpRequest.responseText;
}
}
var httpRequest = createHttpRequest();
var resultId = '';
function s(page){
sendRequest('test.php?page='+page, 'resultId', getRequest);
}
|
Третий test.php непосредственно отдает данные, какие попросят:
=)
|
, появились проблемы с кодировкой, основной текст отображается нормальная а та часть которая подгружается с помощью аяксом в виде вопросов, как от этого можно избавиться?