Più chiamate ajax nella stessa pagina

Federico Prece

Nuovo Utente
30 Mag 2014
1
0
0
Ciao ragazzi ho un problema con le chiamate ajax.

Nella parte di inserimento di una news do la possibilità di aggiungere degli hashtag inerenti alla stessa con questa funzione

PHP:
<script type="text/javascript">
		
		  //al click sul bottone di aggiunta hashtag
		  $("#hashtag").bind('click',function(){
		
			//associo variabili
			var hashtag = $("#tags").val();
		
		  //chiamata ajax
			$.ajax({
		
			 //imposto il tipo di invio dati (GET O POST)
			  type: "POST",
		
			  //Dove devo inviare i dati recuperati dal form?
			  url: "php/ins-hashtag.php",
		
			  //Quali dati devo inviare?
			  data: "hashtag=" + hashtag,
			  dataType: "html",
		
			  //Inizio visualizzazione errori
			  success: function(msg)
			  {
				 
				 if(msg == "1") {
					 $("#tags").val("");
					 
					 var row = $(".container-hashtag").html();
					 
					 $(".container-hashtag").html( row + "<a id='" + hashtag + "' class='del_hashtag'>#" + hashtag + "</a>");
				 }
				 
			  },
			  error: function()
			  {
				  alert("Chiamata fallita, si prega di riprovare..."); //sempre meglio impostare una callback in caso di fallimento
			  }
			});
		  });
	</script>

la funzione non fa altro che controllare con il file php se esiste ed eventulamente me lo aggiunge al db se la funzione ha successo mi aggiunge un bottone con il nome dell'hashtag

PHP:
$(".container-hashtag").html( row + "<a id='" + hashtag + "' class='del_hashtag'>#" + hashtag + "</a>");

La seconda chiamata mi permette di eliminare un hashtag ma non mi fa proprio la chiamata alla funzione

PHP:
<script type="text/javascript">  
		  /*$('.del_hashtag').bind('click',function(){
			  alert("00000");
		  });*/
		  
		  $(".del_hashtag").bind('click',function(){
			alert("ddddd");
			//associo variabili
			var hashtag = $(this).val();
		
		  //chiamata ajax
			$.ajax({
		
			 //imposto il tipo di invio dati (GET O POST)
			  type: "POST",
		
			  //Dove devo inviare i dati recuperati dal form?
			  url: "php/del-hashtag.php",
		
			  //Quali dati devo inviare?
			  data: "hashtag=" + hashtag,
			  dataType: "html",
		
			  //Inizio visualizzazione errori
			  success: function(val)
			  {
					 console.log(val)
			  },
			  error: function()
			  {
				  alert("Chiamata fallita, si prega di riprovare..."); //sempre meglio impostare una callback in caso di fallimento
			  }
			});
		  });
		  
		
	</script>

qualcuno è cosi gentile da aiutarmi? ci sbatto da troppo la testa e ormai penso di avere la soluzione davanti agli occhi e non la vedo

GRAZIE!!!
 

Discussioni simili