Тут ajax кто-нибудь хоть немного знает?

Есть раздел mp3 ремиксов начал делать страничку для закачки музонов. Очень хочется сделать загрузку новых музонов за 1 обновление странички.

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

Нужен именно ajax код для этого (с php тредностей нет).

Кто-нибудь сталкивался с решением подобной задачки? :v2_conf2:

Даже не немного... Яваскрипт запрашивал из БАЗЫ МУСКУЛЯ? oO newart, ты прекращай курить так много травы... Аякс может только данные из выполненного php-скрипта получить. Делается примерно так:

Код:

---

        var query = "?mp3=" + mp3 + "&bitrate=" + btr;
        ajaxRequest.open("GET", "скриптдлябазы.php" + query, true);
        ajaxRequest.send(null);

---

Далее делаешь чего хочешь с этим реквестом.

В принципе вот готовый уже вариант: http://andreas.id.au/jsrs/
Бери да перетаскивай себе с минимальными модификациями.

Цитата:

---

Сообщение от Shadow Maker

Яваскрипт запрашивал из БАЗЫ МУСКУЛЯ? oO newart, ты прекращай курить так много травы... Аякс может только данные из выполненного php-скрипта получить

---

Обобщенно выразился. Зачем к словам цеплятся?

Цитата:

---

Сообщение от Shadow Maker

var query = "?mp3=" + mp3 + "&bitrate=" + btr;
ajaxRequest.open("GET", "скриптдлябазы.php" + query, true);
ajaxRequest.send(null);

---

Непонятно как передать значение из формы (ID автора оригинала) яваскрипту и далее в php. И самое главное не понятно как данные из "скриптдлябазы.php" впихнуть в форму (выпадающий список).

Покури jQuery, очень рекомендую. Там все просто.

Код HTML:

---

<script src="/scripts/jquery/jquery.js" type="text/javascript"></script>
<script type="text/javascript">/*<![CDATA[*/
$(document).ready(function(){
   
        $("#submit_form").click(function(){
                $.ajax({
                        'success': function(data) {
                                        $("#result").html("data");
                        },
                        'url': 'скриптдлябазы.php',
                        'data': $("#form").serialize(),
                        'type': 'POST',
                        'cache':false
                });
        });
       
});
/*]]>*/</script>               

<form id="authors_form">
... здесь список  данных, которые отправляются в скриптдлябазы.php
через POST-запрос ...
</form>

<div id="submit_form">Отправить данные</div>

<div id="result">Вместо этого текста будет подставлено всё,
что нарисует скриптдлябазы.php</div>

---

Я не проверял, мог и накосячить. Но принцип такой.
Можно даже проще, через $.post() например.

Цитата:

---

Сообщение от newart

Непонятно как передать значение из формы (ID автора оригинала) яваскрипту и далее в php. И самое главное не понятно как данные из "скриптдлябазы.php" впихнуть в форму (выпадающий список).

---

Такс, как я понимаю, странички у тебя генерирует РНР, значит получаеш список авторов оригиналов, т.е. их ID и подставляеш их в select:

PHP код:

---

<select id="orig_authors" onchange="updateRemixesList();"><?php 
foreach ( $authors as $author ) { ?>
<option value="<?php echo $author['id']; ?>"><?php echo $author['name']; ?></option>
<?php } ?></select>

---

Далее когда пользователь выберет автора оригинала обработчик onChange вызовет JavaScript функцию updateRemixesList();

Код:

---

function updateRemixesList() {
    var orig_authors_select = document.getElemntById('orig_authors'); //получаем объект selecta
    if ( orig_authors_select ) {
        orig_author_id = orig_authors_select.options[orig_authors_select.selected_index].value;//Получаем  текущее выбраное значение
//Далее делаем запрос аяксом, т.е. отправляем orig_author_id
    } else alert('It is a bad day today...');
}

---

Теперь server side получил Id автора оригинала и мы можем получить список ремиксов. Получаем список ремиксов (или авторов ремиксов, уже забыл пока писал :( ), формируем XML или текст для ответа (ответ приходит обратно в JavaScript)

Будем считать что ответ от аякса мы удачно получили и у нас есть некий массив с авторами ремиксов и этот список нужно вывести во второй выпадающий список, делаем следующее:

в том месте где должен быть выпадающий список ставим:

<select id="remix_authors"></select>

Далее допустим что авторов ремиксов добавляет функция addRemixAuthors()

Код:

---

function addRemixAuthors() {
    var remix_authors_select = document.getElementById('remix_authors');
    if (remix_authors_select) {
      //Удаляем старый список
      if ( remix_authors_select.options.length > 0 ) {
          for (i=0;i<remix_authors_select.options.length;i++) {
              remix_authors_select.removeChild(remix_authors_select.options[i]);
          }
      }
      //Добавляем новые элементы
      for (i=0;i<authors.length;i++) {
            var el = elem('option', {'value', authors[i][1]/*id*/}, null, authors[i][0]/*name*/);
            remix_authors_select.appendChild( el );
      }
    }
}

---

Ну и последняя функция:

Код:

---

function elem(name, attrs, style, text, evthandlers) {
    var e = document.createElement(name);
    if (attrs) {
        for (key in attrs) {
            if (key == 'class') {
                e.className = attrs[key];
            } else if (key == 'id') {
                e.id = attrs[key];
            } else {
                e.setAttribute(key, attrs[key]);
            }
        }
    }
    if (style) {
        for (key in style) {
            e.style[key] = style[key];
        }
    }
    if (text) {
        e.appendChild(document.createTextNode(text));
    }
    if (evthandlers) {
        for (key in evthandlers) {
            //alert(evthandlers[key]);
            //alert(key);
            if(window.addEventListener) { // Mozilla, Netscape, Firefox
                e.addEventListener(key, evthandlers[key], false);
              } else { // IE
                e.attachEvent('on'+key, evthandlers[key]);
              }
        }
    }
    return e;
}

---

/*Поудалял, нафига еще третий способ*/

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

Keeper, динозавр у тебя мощный :) newart'у проще будет в php формы сразу нагенерить, он же яваскрипт не понимает.

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

например:
http://remysharp.com/2007/01/20/auto...g-jquery-ajax/