Как правильно сделать два почти идентичных ajax запроса без копирования дополнительного кода?

@Julia_Ber · Регистрация: 12.11.2012

Author24 — интернет-сервис помощи студентам

У меня есть два запроса ajax. Один выполняется при загрузке страницы и выдает данные, например за последний месяц, второй запрос отправляется когда выбирается интервал дат. По сути success - обработка и вывод данных идентичны. Как я могу прописать такое? Сделала два ajax:
функцию в success отдельно хотела вынести, а оне не работает, где ошибка?

Javascript

$(document).ready(function(){    
    $.ajax({  //      Это первый ajax  
        type:"POST",
        data: {           
            op: 'tabelle'
        },
        dataType: "json",
        url: "ajax/ajax_uebersicht.php",
        success: function result(){   // здесь стоит одинаковая функция для обработки, я ее отдельно хотела вынести, а оне не работает, где ошибка?        
        }        
    });
    $('#datum2').change(function (){
        var start =$("#datum1").datepicker("getDate");
        var ende = $("#datum2").datepicker("getDate");
        $.ajax({  // Это второй с дополнительными данными
            type:"POST",
            data: { 
                start:start,
                ende: ende,
                op: 'wahl'
            },
            dataType: "json",
            url: "ajax/ajax_uebersicht.php",
            success: function result(){          
            }
        });  
    }) 
   
    
    function result (result) {
               
        $.each(result, function(i) {            
            switch (result[i].status) {
                case 'gespeichert':
                    ....

@Rayden · 09.12.2012, 00:46

Как говорят хорошие люди - "Если код повторяется, надо писать функцию".
Я бы написан функцию которая как аргумент принемает обьект данных и подставляет его в дата

Javascript

function my_request(settings){
   $.ajax({ 
       type:"POST",
       data: settings,
       dataType: "json",
       url: "ajax/ajax_uebersicht.php",
       success: function result(){          
       }
   });  
}

ну и потом вызываете функцию в нужном месте с нужными параметрами

@Julia_Ber · 09.12.2012, 00:58 **[ТС]**

я не так давно javascript и jquery знаю, такой комбинации еще не встречала, где-нибудь о ней подробнее прочитать можно?
я выкрутилась немного по-другому :

Javascript

success: function (result){   
                tabelleMitResponseAusgabe(result);
            }
function tabelleMitResponseAusgabe (result) {
               
        $.each(result, function(i) {     ...

в обоих случаях сослалась на одни и ту же функцию - заработало.

@Rayden · 09.12.2012, 02:09

О какой "комбинации" вы спрашиваете? я просто предлогаю вам создать функцию которая выполняет повторяющиеся действия аякс запроса. Как я понял запросы у вас отличаются только свойством data, поэтому я и создал переменную для этого свойства

Добавлено через 10 минут

Javascript

 $(document).ready(function(){    
            my_request({op:'tabelle'});
 
            $('#datum2').change(function (){
                var start =$("#datum1").datepicker("getDate");
                var ende = $("#datum2").datepicker("getDate");
               my_request({ start:start,ende: ende,op: 'wahl' });
            }); 
 
            function my_request(settings){
               $.ajax({ 
                   type:"POST",
                   data: settings,
                   dataType: "json",
                   url: "ajax/ajax_uebersicht.php",
                   success: function result(){          
                   }
               });  
            }
            // ваш код далее...

@Julia_Ber · 09.12.2012, 16:25 **[ТС]**

Спасибо теперь разобралась!

Добавлено через 23 минуты
если можно еще один вопрос? Какую функцию jquery надо применить чтобы значение предыдущего запроса ajax удалился, а на его место вышел бы второй запрос. сейчас у меня обработка ответа выглядит так:

Javascript

function tabelleMitResponseAusgabe (result) {
               
        $.each(result, function(i) {            
            switch (result[i].status) {
                case 'gespeichert':
                    var status='<img src="images/document-save.png" alt="save"/></span>';
                    break;
            ....
            
            $('<tr><td class="genehmiegen">...
                    <td class ="summe">' + result[i].summe +'</td>
               ...  </td></tr>'              
                ).insertAfter('tr#th');

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

@Rayden · 09.12.2012, 16:30

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

Спасибо теперь разобралась!

Добавлено через 23 минуты
если можно еще один вопрос? Какую функцию jquery надо применить чтобы значение предыдущего запроса ajax удалился, а на его место вышел бы второй запрос. сейчас у меня обработка ответа выглядит так:

Javascript

function tabelleMitResponseAusgabe (result) {
               
        $.each(result, function(i) {            
            switch (result[i].status) {
                case 'gespeichert':
                    var status='<img src="images/document-save.png" alt="save"/></span>';
                    break;
            ....
            
            $('<tr><td class="genehmiegen">...
                    <td class ="summe">' + result[i].summe +'</td>
               ...  </td></tr>'              
                ).insertAfter('tr#th');

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

если вы хотите что-бы производилась замена, следует использовать $(селектор на нужный блок).html(тут ваш код)

@Julia_Ber · 09.12.2012, 16:54 **[ТС]**

переделала, теперь вообще ничего на экран не выходит
в index.php прописала строку echo

PHP

1	'<tr id="daten"></tr>';

в *.js

Javascript

1	$("tr #daten").html('<td class="genehmiegen"><img src="images/dialog-apply.png" id="genehmiegen" alt='+ result[i].antrag_id +'></td>

@Rayden · 09.12.2012, 17:09

смотрите что говорит консоль.
например в коде что вы скинули отсутсвует как минимум '); в конце джаваскрипта

@Julia_Ber · 09.12.2012, 17:40 **[ТС]**

вроде настроила в index.php прописала явно заголовок таблицы и tbody, теперь ерунда какая-то: из ответа с сервера в таблицу выходит только последяя строчка, получается он первую строчку из json перезаписал. у меня пока массив идет из двух строк иве они должны отразиться в таблице. Я сума сойду!!!

@Rayden 12 / 12 / 3 Регистрация: 08.01.2012 Сообщений: 83
	09.12.2012, 17:09	8
	смотрите что говорит консоль. например в коде что вы скинули отсутсвует как минимум '); в конце джаваскрипта 0

@Julia_Ber 0 / 0 / 0 Регистрация: 12.11.2012 Сообщений: 44
	09.12.2012, 17:40 [ТС]	9
	вроде настроила в index.php прописала явно заголовок таблицы и tbody, теперь ерунда какая-то: из ответа с сервера в таблицу выходит только последяя строчка, получается он первую строчку из json перезаписал. у меня пока массив идет из двух строк иве они должны отразиться в таблице. Я сума сойду!!! 0