Forum PHP.pl > [HTML][jQuery] Odświeżanie strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][jQuery] Odświeżanie strony

Tomplus

15.05.2011, 14:56:07

Witam,

Napisałem wcześniej temat z zapytaniem bardziej skomplikowanym, dlatego teraz piszę prosto:

Jak zrobić w jednym formularzu o ID='ZAPISZDANE' który jest obsługiwany przez jQuery aby jeden elementów typu SUBMIT wykonywał się wykorzystania funkcji jQuery

[HTML] pobierz, plaintext 
<button type='submit' name='wartosc[]'> -> przeslanie danych .ajax
<button type='submit' name='wartosc[]'> -> przeslanie danych .ajax
<button type='submit' name='wartosc[]'> -> przeslanie danych .ajax
<input type='submit' name='zapisz'>  -> wyslanie tradycyjne (wysyła dane j.w.)
[HTML] pobierz, plaintext

Czy ktoś mi pomoże rozwiązać ten problem ? Potrzebuje aby odświeżyć całą stronę.

melkorm

15.05.2011, 15:14:34

Kod

if( $(this).attr('name') == 'zapisz' ) {
$(this).parents('form').first().submit();
return false;
}

na początki akcji dla submitów.

Jeżeli nie zadziała pokaż kod.

P.S. Nie podchodzi to przypadkiem pod dublowanie tematów?

Tomplus

15.05.2011, 16:03:57

Podchodzi to pod dublowanie, ale jeżeli zapytanie jest zbyt skomplikowane, to trzeba zapytać raz jeszcze. Starego tematu nie da się usunąć niestety.

Kod jest taki:

[HTML] pobierz, plaintext 
 
<script type="text/javascript">
	\$(document).ready( function(){
		var submitButton = '';
		var valueButton = '';
		var submitInput = false;
		\$('#ZapiszDane button').click(function() {
			submitButton = \$(this).attr('name');
			valueButton = \$(this).attr('value');
		});
 
			\$('#ZapiszDane').submit(function() {
				var params =  submitButton + '=' + valueButton + '&js=1&' + \$('#ZapiszDane').serialize();
				\$.post('zapiszsklad.ob', params, function(json) {
					{$json}
					var obj = jQuery.parseJSON(json);
					/* TRESC */
 
				});
			return false;
			});
	})
	</script>
 
[HTML] pobierz, plaintext

Twoja funkcja ma maly szkopul, bo odczytuje ze jeżeliw formularzu jest name='zapisz' to wykona formularz

melkorm

15.05.2011, 16:29:10

zamiast
$(this).attr('name') daj submitButton, bo w nim przechowujesz nazwę klikniętego buttona, jeżeli nazwa jest zapisz => to zrób return true i wtedy formularz wyśle się normalnie.

I nie szkopuł tylko jakbyś nie zauważył to bez kodu mogłem tylko wróżyć z fusów

Tomplus

15.05.2011, 16:36:40

nie nie... to jeżeli kliknę <button>

a ja klikam <INPTU type='submit'>

stworzyłem funkcje analogiczną do button.click ale nie dziala.

[HTML] pobierz, plaintext 
\$('#ZapiszDane input[type="submit"]').click(function() {
			\$(this).parents('#ZapiszDane').first().submit();
			return false;
			}
		});
[HTML] pobierz, plaintext

melkorm

15.05.2011, 16:39:13

Kod

$('#ZapiszDane button').click(function() {
            submitButton = $(this).attr('name');
            valueButton = $(this).attr('value');

                var params =  submitButton + '=' + valueButton + '&js=1&' + \$('#ZapiszDane').serialize();
                \$.post('zapiszsklad.ob', params, function(json) {
                    {$json}
                    var obj = jQuery.parseJSON(json);
                    /* TRESC */

                });
            return false;
            });

Po prostu nie nadpisuj akcji submit formularza.

Tomplus

15.05.2011, 17:43:14

Dziękuje Ci bardzo,

po prostu zamiast kombinować ze skryptem tworząc kolejne funkcje, wystarczył usunąć zbędny kod i cel osiągnięty.

Buttony wysyłają dane korzystając z Ajaxa, a Inputy tradycyjną metodą Post.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.