Forum PHP.pl > [AJAX] przesyłanie danych do PHP

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX] przesyłanie danych do PHP

php__amator

2.04.2014, 22:05:25

Witajcie przedszkolaki,

Wpadłem na pomysł uruchomienia wyszukiwania danych z użyciem AJAX/POST.
Wszystko fajnie ale nie do końca. Działa bardzo fajnie jeśli dla każdego inputa przypiszę funkcje
a ja chciałbym aby dane były wysyłane i wyszukiwane zależnie od tego na jakim polu (inpucie) jest w danej chwili focus.

Zrobiłem tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){ 
  $(".dane").focus(function(){                           /*tutaj focus na pole */
    var kw = $(".dane").val();                           /*zmienna kw w ktorej przesylane sa dane */
/* var  = $("input:name").val();                                                                     /*jak powinna wyglądać w tym miejscu zmienna w której byłaby przesyłana nazwa inputa ? */
	if(kw != ''){$.ajax({ type: "POST",url: "namesearch.php",data: {kw:kw},success: function(option){  /* i jak ta zmienna ma się znaleźć tutaj ? 
                                                                                                                                                          czy wewnątrz klamer data: ? czy może jako kolejny 
                                                                                                                                                          element data: {name:name} */
		   $("#results").html(option);}});
		   } else { $("#results").html("");
	 } return false;
});  
        $("#results").css('display','block');
});
 
[JAVASCRIPT] pobierz, plaintext

pomóżcie proszę
pozdrawiam
php/jsamator

in5ane

2.04.2014, 22:19:40

[JAVASCRIPT] pobierz, plaintext 
var kw = this.val();
[JAVASCRIPT] pobierz, plaintext

php__amator

2.04.2014, 22:23:37

Czyli co ?
Tak ma być ?

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
  $(".dane").focus(function(){
    var kw = $(".dane").val();
	var kw = this.val();
	if(kw != ''){$.ajax({ type: "POST",url: "namesearch.php",data: {kw:kw},data: {ki:ki},success: function(option){
		   $("#results").html(option);}});
		   } else { $("#results").html("");
	 } return false;
});  
        $("#results").css('display','block');
});
 
[JAVASCRIPT] pobierz, plaintext

IProSoft

2.04.2014, 22:24:42

Nie sprawdzone ale możesz przeanalizować:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){ 
 
	$(".dane").focus(function(){                           
		var input_val = $(this).val();                          
 
		if( input_val != '' )
		{
			var input_name = $(this).attr('name');   
 
			$.ajax({ type: "POST", url: "namesearch.php",data: { value: input_val, name : input_name },success: function(results){
				$("#results").html(results);
			}});
		}
		else
		{ 
			$("#results").html("");
		}
		return false;
	});  
 
	$("#results").css('display','block');
});
[JAVASCRIPT] pobierz, plaintext

in5ane

2.04.2014, 22:42:30

Cytat(in5ane @ 2.04.2014, 23:19:40 )

[JAVASCRIPT] pobierz, plaintext 
var kw = this.val();
[JAVASCRIPT] pobierz, plaintext

Pomyłka, dokładniej to:

[JAVASCRIPT] pobierz, plaintext 
var kw = $(this).val();
[JAVASCRIPT] pobierz, plaintext

php__amator

2.04.2014, 22:52:25

Dzięki panowie, przeanalizowałem obie formy, w każdym przypadku zadziałało chociaż nie powiem ...
nie od razu

Niemniej, bardzo dziękuję.
Ostatecznie zastosuję wariant

[JAVASCRIPT] pobierz, plaintext 
 $(document).ready(function(){ 
	$(".dane").keyup(function(){                           
		var input_val = $(this).val();                          
	 		var input_name = $(this).attr('name');
 
		if( input_val != '' )
		{
			$.ajax({ type: "POST", url: "namesearch.php",data: {value: input_val, name: input_name},success: function(results){
				$("#results").html(results);
			}});
		}
		else
		{ 
			$("#results").html("");
		}
		return false;
	});  
 
	$("#results").css('display','block');
});
[JAVASCRIPT] pobierz, plaintext

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.