How do I send a variable value from php to jquery?

Question

I need to invoke a function on click of a link in a table and pass a variable to make a new query to the database.

In practice, I show a table of data in a table of my db. I want to view them in a new page (but only the row selected by me).

How can I send to the server (using jquery) the ID that is in the anchor element id attribute when it is clicked?

ITALIAN VERSION
Io necessito di richiamare una funzione sull' onclick di un link presente in una tabella e passargli un variabile per effettuare una nuova interrogazione al db.

come posso fare?

In pratica, mostro in una tabella dei dati di una tabella del db. e poi voglio visionarli in una nuova pagina (ma solo la riga scelta da me)

come posso fare per inviare al mio javascript (uso jquery) il valore id selezionato

Here's my code:



<?php


print("

codice to make a table

<...
< td>< a id=rich".$idrichiesta." href=\"#\" onclick=vediticket(".$idrichiesta.")> vedi link < ./a>

...



efunction vediticket(ID){
  $.ajax({
            type: "POST",
            url: "inc.miapagina.inc.php",
            data: "idric="+ID,

            success:function(msg){
                      ("#mydiv").html(msg);
                     }
           });
     }`e

Your code is messy. Consider a better text editor. (why so many whitespace in between, when that doesn't affect the user output only the source code?) — Nathan
– Nathan, Commented May 19, 2012 at 15:16

Nathan · Accepted Answer · 2012-05-19 17:38:57Z

2

I really don't know what all these symbols are in your code. Your code is just messy and hard to read. You need to clean it up. And I don't think there is a keyword in JavaScript called "efunction". I also don't know why you're putting everything in a PHP print(). That's harder to maintain.

Use this for your td's (and not in PHP print() but you can just us this as regular html and then echo the variables individually with <?php ?> right in the attribute):

<td><a href="#" id="rich<?php echo $idrichiesta; ?>">Click here</a></td>

And this in your JavaScript file:

$('td a').click(function() {
    var ID = $(this).attr('id').replace('rich','');
    $.ajax({
        type: "POST",
        url: "inc.miapagina.inc.php",
        data: "idric=" + ID,
        success: function(msg) {
            $("#mydiv").html(msg); // what is #mydiv? you need to change this to the actual element you want the message to be put into
        }
    });
});

Also don't use inline JavaScript (onclick="", etc.) That is bad practice since it gets hard to maintain. Register events programmatically like above, rather than inline instead if you're going to use jQuery. Registering events programmatically (like above) is Unobtrusive JavaScript.

I hope this helps.

edited May 19, 2012 at 17:38

answered May 19, 2012 at 15:32

Nathan

12k11 gold badges54 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Marco Attanasio Over a year ago

in #mydiv I change with the value of the page server php(inc.miapagina.inc.php). but with script does not start change div

Nathan Over a year ago

@MarcoAttanasio 'td' and 'to' - what?

Johntor · Accepted Answer · 2012-05-19 15:19:31Z

2

a typo I found you are missing the $

success:function(msg){
    $("#mydiv").html(msg);
}

also there is a "`e" at the end!

I would suggest to try to clean up your code first!!!

edited May 19, 2012 at 15:19

answered May 19, 2012 at 15:12

Johntor

58711 silver badges26 bronze badges

Comments

Tom · Accepted Answer · 2012-06-14 13:40:49Z

1

<td id="rich<?php echo $idrichiesta ?>">

$('td').click(function()
{
var ID = this.id.replace('rich', '');
$.ajax({
            type: "POST",
            url: "inc.miapagina.inc.php",
            data: ({idric: ID}),

            success:function(msg){
                      $("#mydiv").html(msg);
                     }
           });
});

edited Jun 14, 2012 at 13:40

answered May 19, 2012 at 15:19

Tom

3,0723 gold badges47 silver badges74 bronze badges

Comments

user1405267 · Accepted Answer · 2012-05-19 15:39:01Z

your code is not very clear: you seem to have put everything inside a php print call? That's not a very good idea. Instead only open the <\?php tag when you really need dynamic content from the server. To answer your specific question, all you need to do is echo or print your php variable, just like you would when dynamically creating an html id for instance from a php variable:

<script type="text/javascript">

function vediticket(ID){
  $.ajax({
            type: "POST",
            url: "inc.miapagina.inc.php",
            data: "idric=" + <?php echo $idrichiesta;?>,
…

hum correction sorry... obviously the php echo should be in the function call, not the function definition… of the inconvenience of doing two things at once: so keep your original code and when you call the function do:

vediticket(<?php echo $idrichiesta;?>);

Collectives™ on Stack Overflow

How do I send a variable value from php to jquery?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related