[jQuery/ajax] Switch case

Question

Dobry, jak w temacie - parę pytań. Mam zbiór 10 opcji i każda opcja jest w takim stylu

$('.class1').click(function(){
        $('.box').load('plik.html #id');
    });

1. Czy zestawienie takich 10 jQuer'owych opcji wpłynie na szybkość ładowania ajax'u?
2. Jak można skleić 

$('.class1').click..

$('.class2').click..

w switch case?

3. Podobno lepiej jest używać $.ajax ze względu na większą kontrolę, aczkolwiek nie rozumiem mechanizmu wpisywania rzeczy do tego. Mógłby ktoś zaprezentować jakiś prosty przykład użyćia $.ajax przy pomocy kodu z pytania es numero 1?

Answer 1

Hi, fajną opcją tutaj będzie dodanie do wszystkich opcji jednej klasy, załóżmy clickable oraz id, które się miało postać clickable:ID, gdzie zamiast :ID dajesz sobie kolejno ID. Wtedy pod .clickable podpinasz event click i robisz coś takiego:

$('.clickable').click(function(){
	/*
		e.g. #clickable3 => .load('main.php?id=3');
	*/
	
	$('#box').load('main.php?id=' + $(this).attr('id').substr(9));
});

Tak, $.ajax ma większą kontrolę przez opcje, które możesz ustawiać przy ładowaniu zawartości, po więcej odsyłam tutaj: http://api.jquery.com/jquery.ajax/

Answer 2

1. Nie powinno to na nic wpłynąć. Tylko po co ci ten Switch case?

2. Kleić możesz kartki papieru. Nie wiem o co ci chodzi. Po co ci ten Switch case?

3. Jak chcesz po prostu pobrać inną stronę funkcja load wystarczy. Przykład użycia $.ajax masz w dokumentacji.

Po coc zdarzenia chcesz ustawiać w Switch Case?

Comments

Switch case dla czytelności kodu głównie.

---

Heee? Że co kurde?

Ustawiasz zdarzenia w Switch Case dla czytelności kodu?

---

Jop. 

$('.class1').click(function(){
        $('.box').load('plik.html #id1');
    });

$('.class2').click(function(){
        $('.box').load('plik.html #id2');
    });

$('.class3').click(function(){
        $('.box').load('plik.html #id3');
    });

$('.class4').click(function(){
        $('.box').load('plik.html #id4');
    });
$('.class5').click(function(){
        $('.box').load('plik.html #i5');
    });

$('.class6').click(function(){
        $('.box').load('plik.html #id6');
    });

$('.class7').click(function(){
        $('.box').load('plik.html #id7');
    });

$('.class8').click(function(){
        $('.box').load('plik.html #id8');
    });

$('.class9').click(function(){
        $('.box').load('plik.html #id9');
    });
$('.class10').click(function(){
        $('.box').load('plik.html #id10');
    });

Strasznie mnie głowa boli od takiego patrzenia.

---

A w czym ci Switch pomaga?

Zrób tak jak podał w odpowiedzi Magicone. I zostaw instruckję Switch Case do celów, do których jest przeznaczona.