Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > ajaxsubmit при нажатии не кнопки а ссылки

Автор: studentigor 15.9.2011, 21:00

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

Код


...
<div onclick="sub()">назад</div><div onclick="sub()">вперед</div>

Форма к которой прикручен ajaxsubmit name="search" id="search"
если делаю так

Код


function sub(){
document.getElementById("search").submit().click;
}

то у меня просто делается сабмит формы и переходит на файл который указан в action
если так

Код


function sub(){
$('#search').submit(function(){alert('123');validate_form_search_full();return false;})
}

так вобще ничего не происходит

А как мне сделать так чтобы происходила обычная обработка формы, и срабатывал аякс запрос, но при нажатии на вперед-назад.

Автор: Gold Dragon 16.9.2011, 07:11

да сделай проще

Код


<div id="but_prev">назад</div><div id="but_next">вперед</div>

А обрабатывай по типу такого

Код


$("#but_prev").click(function(){
   // тут достаёшь значения из формы и отсылаешь куда тебе нужно
   // за одно можешь и проверить введённые значения
});
$("#but_next").click(function(){
   // тут достаёшь значения из формы и отсылаешь куда тебе нужно
   // за одно можешь и проверить введённые значения
});

Добавлено через 48 секунд
ps
забыл сказать... это при использовании jQuery smile

Автор: studentigor 16.9.2011, 08:32

Цитата

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

вот мне какраз это и нужно. если бы достать обычным jquery - это проще простого, но мне нужно чтоб все это прошло
через ajaxsubmit

я вчера пошаманил, пока ждал ответа.
Там получается что есть ф-я, которая выполняет обработку формы и отправляет запрос
я буду использовать её же, но передавая 2 дополнительных параметра.

вобщем при клике на далее она вызывается, но

Код


function validate_form_qs_flat_1(n_pg){
....
$("#search").validate({
    submitHandler: function(form) {
        // передаем опции в  ajaxSubmit
    
        $(form).ajaxSubmit(options);
    },
    focusInvalid: false,
    focusCleanup: true,
    //-------------------------------
    rules: {
...

не срабатывает submitHandler: потому что ничего не отправляется.
вызываю я её так

Код


document.getElementById("search").submit(validate_form_qs_flat_1(n_pg));

получается что по каким то причинам не проходит submitHandler:, хотя в результате страница обновляется.

Автор: studentigor 21.9.2011, 19:31

вобщем сделал, походу все ок, но только у меня перегружается страница
вот код

Код


function new_ajaxs_search(){
    var url = ".search.php"; // the script where you handle the form input.
    $.ajax({
           type: "POST",
           url: url,
           data: $("#search").serialize(), // serializes the form's elements.
           success: function(data)
           {
               alert(data); // show response from the php script.
           }
         });

    return false; // avoid to execute the actual submit of the form.

}


function pagers(n_pg){
    window.n_pg = n_pg;
    document.getElementById("search").submit(new_ajaxs_search());
}

Вобщем алертом все что нужно выводит, но сразу перегружается страница, и сбиваются все критерии поиска соответственно.

Подскажите как избежать перегрузки страници.