Smanettoni inside: jquery

**Lioz** · 08/09/2008, 16:24

qualcuno utilizza questo framework?
sto impazzendo da 3h su una cagata

devo passare una variabile dal mio js ad uno script server-side (php)

Codice:

$('#maintabs li a').click(function(){    //quando clicchi sul link delle tab
    $.ajax({ //apri una richiesta ajax
    url: "test.php", //richiedi test.php
    type: "POST", //manda via POST
    data: "parametro="+$(this).text(), // la variabile parametro con valore pari al testo del link
    success : function () { //se è tutto ok avvisami
    alert("ok!");
    }
});

nel semplicissimo file .php voglio recuperare il mio parametro quindi

<?php

$valore = $_POST['parametro'];
print 'hai inviato'.$valore;

?>

Ma non stampa "hai inviato testodellink"

**4na** · 08/09/2008, 16:49

non ci capisco una striminzita fava...

**djordj** · 08/09/2008, 17:15

Posta anche il file HTML con i tag interessati.

**Lioz** · 08/09/2008, 18:34

Originariamente Scritto da djordj

Posta anche il file HTML con i tag interessati.

ma non credo dipenda da quello no?
se faccio un alert(data) trovo il testo del link quindi la variabile c'è ed è settata.

Quello che mi chiedo io è: se ad esempio ometto il parametro URL e dico quindi a jquery di inviare la variabile al file stesso (che si chiama menu.php) dovrei poter fare una echo della post nel body della pagina

forse però mi sono perso qualche pezzo nella documentazione

cmq domani recupero il codice e post tutto.

grazie per la risposta

**Lioz** · 09/09/2008, 08:53

cmq ecco l'html

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test jquery</title>
<link rel="stylesheet" href="css/stili.css" />
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="menu.js"></script>
</head>

<body>

<?php

echo $_POST['parametro'];
?>

<div id="menu">
<ul id="maintabs">
<li id="top1" class="firstlevel"><span><a href="primolivello.php" title="menu link">First Level 0</a></span>


    <div id="bottom1" class="secondlevel">
    <dl>
     <dt><a href="#" title="menu link">Second level 01</a></dt>
     <dd><a href="terzolivello.html" title="menu link">aaaaaaaaaaa</a></dd>
     <dd><a href="terzolivello.html" title="menu link">aaaaaaaaaaa</a></dd>
     </dl>
     
    <dl>
     <dt><a href="secondolivello.html" title="menu link">Second level 02</a></dt>
     <dd><a href="terzolivello.html" title="menu link">aaaaaaaaaaa</a></dd>
     <dd><a href="terzolivello.html" title="menu link">aaaaaaaaaaa</a></dd>
     </dl>
    </div>
 </li>
 

  
<li id="top2" class="firstlevel"><span><a href="#" title="menu link">First Level 1</a></span>


    <div id="bottom2" class="secondlevel">
    <dl>
     <dt><a href="#" title="menu link">Second level 11</a></dt>
     <dd><a href="#" title="menu link">bbbbbbbbbbb</a></dd>
     <dd><a href="#" title="menu link">bbbbbbbbbbb</a></dd>
     </dl>
     
    <dl>
     <dt><a href="#" title="menu link">Second level 12</a></dt>
     <dd><a href="#" title="menu link">bbbbbbbbbbb</a></dd>
     <dd><a href="#" title="menu link">bbbbbbbbbbb</a></dd>
     </dl>
    </div>
  </li>
  
  
    <li id="top3" class="firstlevel"><span><a href="#" title="menu link">First Level 2</a></span>


      <div id="bottom3" class="secondlevel">
    <dl>
     <dt><a href="#" title="menu link">Second level 21</a></dt>
     <dd><a href="#" title="menu link">ccccccccc</a></dd>
     <dd><a href="#" title="menu link">ccccccccc</a></dd>
     </dl>
     
    <dl>
     <dt><a href="#" title="menu link">Second level 22</a></dt>
     <dd><a href="#" title="menu link">ccccccccc</a></dd>
     <dd><a href="#" title="menu link">ccccccccc</a></dd>
     </dl>
    </div>
  </li>
  
  
  <li id="top4" class="firstlevel"><span><a href="#" title="menu link">First Level 3</a></span>


    <div id="bottom4" class="secondlevel">
    <dl>
     <dt><a href="#" title="menu link">Second level 31</a></dt>
     <dd><a href="#" title="menu link">Second level 02</a></dd>
     <dd><a href="#" title="menu link">Second level 03</a></dd>
     </dl>
     
    <dl>
     <dt><a href="#" title="menu link">Second level 32</a></dt>
     <dd><a href="#" title="menu link">Second level 02</a></dd>
     <dd><a href="#" title="menu link">Second level 03</a></dd>
     </dl>
    </div>
  </li>
</ul>

</div>
<div id="thirdlevel">
</div>

<div id="gabbia">
<div id="principale">
<h1>Che bel sito</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
<h2>Essere prolisso senza motivo</h2>
<p>Sed ut perspiciatis unde omnis iste <a href="#">natus error sit voluptatem accusantium doloremque laudantium</a>, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet</p>


</div>
</div>




</body>



</html>

**djordj** · 09/09/2008, 09:49

Quindi il test.php ti stampa solo "hai inviato: " e basta, corretto?
Hai provato a inviarle in GET?

**Lioz** · 09/09/2008, 11:17

Originariamente Scritto da djordj

Quindi il test.php ti stampa solo "hai inviato: " e basta, corretto?
Hai provato a inviarle in GET?

si risolto: ho specificato una funzione che mi appende in pagina l'echo di test.php ora funzia tutto!

Codice:

$('#maintabs li a').click(function(){    

$.ajax({
            type: "POST", //meteodo invio
            url: "test.php", //script lato server
            data:     "cliccato=" + $(this).parents('li').attr('id'), //parametro da inviare
            success: function(html){
                $("#principale").html(html); // dove mettere l'output
            }
        });

che figata jquery!