Jump to content
  • 0

размножить Ajax


Dimitry Wolotko
 Share

Question

Только-только полез в Ajax (да и JS в общем - то). пособирал всяких скриптов, получилось родить скриптик. Но не могу его размножить. т.е. что бы экшен происходил с несколькими объектами, а не с одним, как есть сейчас. Если можете - подскажите как, если ещ? пошагово - то буду в восторге просто.

И в IE скрипт не алл? =(

index.php

<html>
<head>
<script type="text/javascript">
function xHttp(url) {
var xRequest = window.XMLHttpRequest ? new XMLHttpRequest() : (window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : null)
xRequest.onreadystatechange = function() {
if (xRequest.readyState == 4 && xRequest.status == 200) {
document.getElementById('Debug').innerHTML = xRequest.responseText;
}
};
xRequest.open('GET', url, true);
xRequest.send(null);
return false;
}
</script>
</head>
<body>
<h3>Простой пример AJAX'a</h3>
<p>
<a href="#" onclick="return xHttp('r.php?id=absolvo');">Загрузить</a> /random.html
</p>
<div id="Debug" style="padding: 1em; border: solid 1px red;">Debug</div>

</body>
</html>

r.php

<?php
if (empty($nameq))
{
if (setcookie('nameq', 'test')) echo 'куки отправлены';
}
else
{
echo 'куки приняты';
}

echo mt_rand();
$pageget = $_GET['id'];
echo $pageget;
?>

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0

Не вижу каких-то явных ошибок, вроде должен работать...

Про динамику не совсем понял. Ты хочешь, чтобы скрипт был более универсальным? Тогда можно кроме аргумента url передавать в функцию ещ? и id объекта, в который будет произведена загрузка:

<script type="text/javascript">
function xHttp(url, id) {
...
document.getElementById(id).innerHTML = xRequest.responseText;
...
}
</script>

Link to comment
Share on other sites

  • 0

Не так, вот такой код:

<html>
<head>
<script type="text/javascript">
function xHttp(url, id) {
var xRequest = window.XMLHttpRequest ? new XMLHttpRequest() : (window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : null)
xRequest.onreadystatechange = function() {
if (xRequest.readyState == 4 && xRequest.status == 200) {
document.getElementById(id).innerHTML = xRequest.responseText;
}
};
xRequest.open('GET', url, true);
xRequest.send(null);
return false;
}
</script>
</head>
<body>
<h3>Простой пример AJAX'a</h3>
<p>
<a href="#" onclick="return xHttp('r.php?id=absolvo', 'Debug');">Загрузить</a> /random.html
</p>
<div id="Debug" style="padding: 1em; border: solid 1px red;">Debug</div>

</body>
</html>

Изменил немного onclick и доббавил ещ? один параметр функции.

Сейчас ие ругается на строку: document.getElementById('id').innerHTML = xRequest.responseText; поскольку нет такого идентификатора.

Link to comment
Share on other sites

  • 0
Слушай, порекомендуй литературу почитать, а? :(

С книжками напряжно. Искал, но так хороших и не наш?л... :(

yopopt, а можно я ещ? понаглею мальца? :(

А можно вышеописанный скрипт мальца переделать (для моего общего развития), что бы линок было много, а поле Debug одно?

А что там переделывать? Просто добавь ссылок с разными адресами:

<a href="#" onclick="return xHttp('r.php?id=first', 'Debug');">1</a>
<a href="#" onclick="return xHttp('r.php?id=second', 'Debug');">2</a>
<a href="#" onclick="return xHttp('r.php?id=third', 'Debug');">3</a>

Или я чего-то не понимаю? :(

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy