[AJAX][jquery] Skrypt wykonuje się tylko raz ? Opcje

[oomaster]

Witam,

Dlaczego ten kod wykonuje się tylko raz ? W założeniu ma działać bez przeładowania strony a co za tym idzie działać milion razy jak tylko go się poprosi A on raz wykonuje swoją misje wzorowo a już drugi raz ani drgnie !

[JAVASCRIPT] pobierz, plaintext 
	$(document).ready(
	function()
	{	
 
	       $("#but").click(function(){
               $.ajax({
               type: 	"POST",
               url: 	"data.php",
               beforeSend: function(html){
               $("#info").html("Loading...");         
                            },
               success: function(html){
               $("#info").html("OK dodałem").fadeOut(5000);         
                            },
               error:	function(html){
               $("#info").html("Wystąpił bład").fadeOut(5000);         
                            }
             });
 
	 });
		});
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form method="POST">
    <input type="text" name="ist"></input>
<input type="button" id="but" value="xyz"/>
</form>
<div id="info"></div>
[HTML] pobierz, plaintext 

[nospor]

a skad wiesz ze sie drugi raz nie wykonuje?

[oomaster]

Po sprawdzeniu funkcją complete wychodzi na to ,że żądanie się wykonuje lecz komunikaty się już nie pojawiają. Dlaczego ?

[nospor]

Komunikat ustawiasz zawsze taki sam. Trudno bys zauwazyl roznice jesli za drugim razem ustawiassz taki sam komunikat co juz jest

[oomaster]

Z tym ,że chciałbym aby pokazywało się znowu ładowanie i ok lub error

Ale mam 2 mniejszy problem, nie mogę zmiennych wyłuskać ?!

w skrypcie data.php mam:

[PHP] pobierz, plaintext 
<?
$_GET["in1"];
?>
[PHP] pobierz, plaintext 

a w kodzie używam:

[HTML] pobierz, plaintext 
<input type="text" name="in1"></input>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
			   data: {in1: $in1},
			   dataType: "html",
[JAVASCRIPT] pobierz, plaintext 

czy to jest dobry sposób na przesyłanie z formalarza do skrypt danych ? bo jakoś mi nie działa.

[evolucja]

Nie znam się na tym, ale na pierwszy rzut oka w tym może być błąd:
7 linijka to

[PHP] pobierz, plaintext 
     type: "POST",
[PHP] pobierz, plaintext 

a dane chcesz odebrać getem

Ten post edytował evolucja 8.05.2010, 22:48:07

[oomaster]

Spoko zapomniałem o tym ale wkleję może pełen kod to ktoś zorientowany będzie wiedział może dlaczego się nie przesyła z formularza do skryptu:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(
	function()
	{	
$.ajax({
               type: 	"GET",
               url: 	"data.php",
			   data: {in1: $in1},
			   dataType: "html",
               beforeSend: function(html){
                                $("#info").html("Loading...");         
                            },
               success: function(html){
                                $("#info").html("OK dodałem").fadeOut(5000);         
                            },
               error:	function(html){
                                $("#info").html("Wystąpił bład").fadeOut(5000);         
                            },
								complete:   function(html){
                                alert("Żądanie zostało zakończone");
                            }
 
             });
 
	});
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form method="POST" id="form" style="display: inline;">
<input type="text" name="in1" />
<input type="button" id="but" value="xyz"/>
</form>
<div id="info" style="display: inline;"></div>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?php
include_once("db.inc.php");
 
	$id= $_GET["in1"];
 
$sql = "INSERT INTO test SET nazwa='$id' ";
  if (mysql_query($sql)) {
    echo "ok";
  } else {
    exit('error');
  }
?>
[PHP] pobierz, plaintext 

rekord się dodaje lecz zamiast tekstu z zmiennej id pojawia się $id samo jak tekst :/

[mortus]

Dlatego, że w linijce 7 powinno być:

[JAVASCRIPT] pobierz, plaintext 
data: { "in1" : in1 }
[JAVASCRIPT] pobierz, plaintext 

gdzie in1 jest zmienną Javascript, a nie zmienną PHP. Oczywiście zmienną php również można wstawić:

[PHP] pobierz, plaintext 
data : { "in1" : <?php echo $in1; ?> }
[PHP] pobierz, plaintext 

Wytłumaczę jeszcze dlaczego Twój kod nie chce działać. Otóż pierwsze in1 we wspomnianej linijce 7 traktowane jest przez JavaScript jako zmienna, a jako że prawdopodobnie nigdzie takiej zmiennej nie zadeklarowałeś, masz błąd (gdybyś nawet zadeklarował zmienną in1 i przypisał jej wartość, to i tak nie miałoby to sensu). Jeśli masz możliwość to zainstaluj sobie Firebug-a pod Firefox-a, bo to z pewnością ułatwi Ci pracę z JavaScript.

[oomaster]

Teraz znowu nie działa :/

Firebug wywala to:

syntax error
[Break on this error] data : { "in1" : },\n

[JAVASCRIPT] pobierz, plaintext 
		$("#but").click(function(){
$.ajax({
               type: 	"GET",
               url: 	"data.php",
       	       dataType: "html",
               data : { "in1" : <?php echo $in1; ?> }
               beforeSend: function(html){
                                $("#info").html("<img src=gfx/load.gif>");         
                            },
               success: function(html){
                                $("#info").html("<p class=alt>OK</p>").fadeOut(5000);         
                            },
               error:	function(html){
                                $("#info").html("<p class=alt>ERROR!</p>").fadeOut(5000);         
                            },
								complete:   function(html){
                                alert("Żądanie zostało zakończone");
                            }
 
             });
 
	});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował oomaster 9.05.2010, 14:59:42

[mortus]

Muszę zapytać, co to jest $in1 i czy plik ma rozszerzenie .php? Na pierwszy rzut oka wygląda na to, że nie ma czegoś takiego jak $in1. Możesz wkleić więcej kodu (głównie chodzi mi o początek, aż do tego skryptu włącznie)?

[oomaster]

w sekcji head:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
	$(document).ready(
	function()
	{	
		$("#link").click(
		function()
		{
		$("div#more").slideToggle("fast");
		}).toggle(function() { 
		$("#foto").attr('src', 'gfx/up.gif');
		$('#more').slideDown();
		}, function() { 
		$("#foto").attr('src', 'gfx/down.gif');
		$('#more').slideUp();
		});
 
		$("#but").click(function(){
$.ajax({
               type: 	"GET",
               url: 	"data.php",
			   data : { "in1" : <?php echo $in1; ?> },
			   dataType: "html",
               beforeSend: function(html){
                                $("#info").html("<img src=gfx/load.gif>");         
                            },
               success: function(html){
                                $("#info").html("<p class=alt>OK</p>").fadeOut(5000);         
                            },
               error:	function(html){
                                $("#info").html("<p class=alt>ERROR!</p>").fadeOut(5000);         
                            },
			   complete:   function(html){
                                alert("Żądanie zostało zakończone");
                            }
 
             });
 
	});
		});
</script>
[JAVASCRIPT] pobierz, plaintext 

w body:

[HTML] pobierz, plaintext 
<form method="POST" id="form" style="display: inline;">
<select name="in1" size="1" class="inals">
<option value="1">-</option>
<option value="2">raz</option>
<option value="3">dwa</option></select>
<input type="button" id="but" value="Dodaj" class="inal"/>
</form>
<div id="info" style="display: inline;"></div>
[HTML] pobierz, plaintext 

plik data.php

[PHP] pobierz, plaintext 
<?php
include_once("db.inc.php");
usleep(1000000 * .5);
 
	$id= $_GET["in1"];
 
$sql = "INSERT INTO test SET nazwa='$id'";
  if (mysql_query($sql)) {
    echo "ok";
  } else {
    exit('error');
  }
?>
[PHP] pobierz, plaintext 

[mortus]

Czyli in1 to wartość pobierana z formularza? Zatem linia 21 powinna wyglądać tak:

[JAVASCRIPT] pobierz, plaintext 
data: { "in1" : in1 },
[JAVASCRIPT] pobierz, plaintext 

A wcześniej (np. linijkę wcześniej) pobieramy wartość select-a:

[JAVASCRIPT] pobierz, plaintext 
var in1 = $("input[name=in1]").val();
[JAVASCRIPT] pobierz, plaintext 

[oomaster]

dzieje się coś z tym ,że zamiast np. wpisywać 1 wpisuje undefined dlaczego ?

[mortus]

Musisz do domyślnej opcji dodać atrybut selected

[HTML] pobierz, plaintext 
<option value="1" selected="selected">-</option>
[HTML] pobierz, plaintext 

Ten post edytował mortus 9.05.2010, 16:41:21

[oomaster]

Niestety to nie działa

[mortus]

Niedopatrzenie, to nie jest przecież input, tylko select. Zatem

[JAVASCRIPT] pobierz, plaintext 
var in1 = $("select[name=in1]").val();
[JAVASCRIPT] pobierz, plaintext 

i powinno działać.

[oomaster]

Mając:
var in1 = $("select[name=in1]").val();

Skrypt zamiast przesyłać różne zmienne do pliku dane.php przesyła zawsze tą samą, nie zależnie co wybiorę dlaczego ?

Co jest źle w kodzie ?

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(
	function()
	{	
      var in1 = $("select[name=in1]").val();
		$("#but").click(function(){
$.ajax({
               type: 	"GET",
               url: 	"data.php",
			   data : { "in1" : in1 },
			   dataType: "html",
               beforeSend: function(html){
                                $("#info").html("load");         
                            },
               success: function(html){
                                $("#info").html("OK");         
                            },
               error:	function(html){
                                $("#info").html("ERROR!");         
                            },
			   complete:   function(html){
                                alert("Żądanie zostało zakończone");
                            }
 
             });
 
	});
});
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form method="POST" id="form" style="display: inline;">
<select name="in1" size="1" class="inals">
<option value="1">------</option>
<option value="2">dwa</option>
<option value="3">trzy</option></select>
<input type="button" id="but" value="Dodaj" class="inal"/>
</form>
[HTML] pobierz, plaintext