[Проблема] Изучение AJAX/АЯКС

04-22-2009, 06:50 PM

Вобщем начал постепенное изучение аякса. Нужен кто-то кто может помочь разобраться с кодом, а то я начинаю уже путаться.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script>
function p(value)
{
if(value.length>2)doLoad(value);
}
function doLoad(value) {
// Create new JsHttpRequest object.
var req = new JsHttpRequest();
// Code automatically called on load finishing.
req.onreadystatechange = function() {
if (req.readyState == 4) {
document.getElementById('result').innerHTML = req.responseText;
}
}
// Prepare request object (automatically choose GET or POST).
req.open(null, 'namelike.php', true);
// Send data to backend.
req.send( { q: value } );
document.getElementById('result').innerHTML = "<img src=/images/loading.gif> Поиск похожих названий";

}
</script>
</head>
<form>
	<input type="text" onKeyUp="p(value)" />
</form>
<body>
</body>
</html>

Файл namelike.php выглядит так

PHP Code:


			
fdsafasdfasd

adfdasfdsaf

adsfasdfasdf

asdfasdfasd

fasdfsadfasd

fdsafsdafsda

fasdfsadfasd

Если можете помогите плиис разобраться в чем ошибка потому что он ниче не выводит

04-22-2009, 09:46 PM

для начала научись пользоваться готовыми библиотеками, коих просто немерянное количество
хайслайд, гугль, яху, жкуери и т.д...
обрати внимание на яху, т.к. вобла работает именно с этими библиотеками скриптов

04-22-2009, 10:07 PM

Мне не для вобля . а для сайта нуно и если можешь в асбку ответь

Podorin добавил 22.04.2009 в 22:04
Че сделать с div,чтобы все это обновлялось, а то статистическая картинка

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="lib/JsHttpRequest/JsHttpRequest.js" language="javascript"></script>
<script src="value.js" language="javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
<form>
  <input type="text" onkeyup="p(value)" value="" id="text"/> 
</form>
<div id="result"></div>
<body>
</body>
</html>

Podorin добавил 23.04.2009 в 18:04
Вот вернулся опять
Теперь изменил php файл как ты сказал добавил то,что было сказано в гайде, но остался вопрос вот я получил данные я могу их использовать для того,чтобы отправить запрос в базу mysql . И ещё там было сказано, что в req.responseJS выдается вся информация ,которая была выведена с помощью операторов echo, но мне ничего не выводится вот php код

PHP Code:


			
<?php

// Load JsHttpRequest backend.

require_once "lib/JsHttpRequest/JsHttpRequest.php";

// Create main library object. You MUST specify page encoding!

$JsHttpRequest =& new JsHttpRequest("windows-1251");

// Store resulting data in $_RESULT array (will appear in req.responseJs).

$GLOBALS['_RESULT'] = array(

"q" => @$_REQUEST['q'],

); 

// Below is unparsed stream data (will appear in req.responseText).

$link = @mysql_connect(******,*****, ******);

mysql_select_db(characters, $link);

$sql=mysql_query("SELECT * username,id,gmlevel FROM 'account' WHERE username=@$_REQUEST['q']");

while($row=mysql_fetch_array($sql)){

echo"

$row['username'];

$row['id'];

$row['gmlevel];

";};

?>

Надеюсь кто нить сможет помочь

04-25-2009, 11:47 AM

самый простой скрипт с использованием библиотеки яху
==========
файл main.html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <meta http-equiv="content-type" content="text/html; charset=windows-1251">
   <meta name="Author" content="kerk">
<script type="text/javascript" src="clientscript/yui/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="clientscript/yui/connection/connection-min.js"></script>
<script type="text/javascript" src="clientscript/vbulletin_global.js"></script>
<script type="text/javascript">
<!--
var waitimg = '<img class="inlineimg" id="waitimg" src="images/misc/progress.gif" border="0" title="Wait..." />';
var reqprogress = '<div class="tborder" style="border-top:0px;padding:10px 10px 10px 10px;">'+waitimg+' Request in progress, please wait...</div>';

var request = null;
function __request()
{
    if(YAHOO.util.Connect.isCallInProgress(request))
    {
         YAHOO.util.Connect.abort(request);
    }
    fetch_object('content').innerHTML = reqprogress;
    var sUrl = 'response.php';
    var postData = 'do=request';
    var handleSuccess = function(o)
    {
        if(o.responseText !== undefined)
        {
            fetch_object('content').innerHTML = o.responseText;
        }
    }
    var handleFailure = function(o)
    {
        if(o.responseText !== undefined)
        {
            alert(o.responseText);
        }
    }
    var callback =
    {
        success: handleSuccess,
        failure: handleFailure,
        timeout: vB_Default_Timeout
    };
    request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);

    cansel_request_marka = function()
    {
        if(YAHOO.util.Connect.isCallInProgress(request))
        {
             YAHOO.util.Connect.abort(request);
        }
    }
}
YAHOO.util.Event.on("request", "click", __request);
-->
</script>
   <title>Запрос в файл response.php</title>
</head>
<body>

<div id="request" style="cursor:pointer;">Click</div>
<div id="content"></div> 


</body>
</html>

файл response.php

PHP Code:


			
<?php

if($_POST['do']=='request')

{

      sleep(3);

      print 'result';

      exit;

}

?>

результат ниже

====
все тоже самое можно делать и с запросами в БД и выводом результата в "принт" или "эхо"
и возвращать на страницу

08-12-2009, 08:19 PM

kerk, а если нужно изменить путём нажатия одной кнопки несколько мест на страничке? В одной табличке например вывести сумму чисел, в другой - фразу. А между ними оставить кучу неизменного текста.

08-13-2009, 01:04 AM

тут и без аякса можно обойтись
DOM
+
ID элементов
+
JS

08-13-2009, 01:38 AM

русскоязычный ресурс по яваскрипту
http://javascript.ru/forum
есть неплохие готовые решения

08-15-2009, 03:46 PM

kerk, а можно ли сделать без использования vbulletin_global.js ?

08-15-2009, 05:12 PM

что сделать?

08-15-2009, 05:23 PM

чтобы не использовать вобловский файл vbulletin_global.js, из поста #4