passing a php variable dynamically to a bootstrap modal

Question

I have a php loop that writes hundrends of records, I need to have a button on each line to trigger a bootstrap modal that will allow to edit this specific record. can't really sent the line ID (it's a user ID) via GET since the URL doesn't change, or by POST since the page doesn't refresh ... I tried with AJAX but could seem to figure it out.

in my file the php variable is $userID= some number; ... which changes at every line

so every line refers to the same modal in which i added a data-id (or is there any other way to pass tha value to my modal?)

<a href="#" class="btn btn-success"
data-toggle="modal"
data-target="#editUser"
id="theuser"
data-id="<?php echo $userID;?>"> 
Update
</a>

How can I retrieve $userId in the modal so I can do an Mysql query on it ? (i understand there is a seperation between the server side aspect of php and the fact the data-id is only browser based ... but there must be a way to generate dynamically content using php for a modal ?

thanks in advance!

read on this stackoverflow.com/questions/10626885/…

Oli Soproni B.
– Oli Soproni B.

2015-02-10 03:18:56 +00:00
Commented Feb 10, 2015 at 3:18 — Oli Soproni B.
– Oli Soproni B., Commented Feb 10, 2015 at 3:18

RichardBernards · Accepted Answer · 2015-02-10 08:19:08Z

1

You can send user_id as param in URL <a href="/your_route?user_id_for_query=<?php echo $userID;?>" specify_method> and than in your action for that route you could access it as GET or POST param.

edited Feb 10, 2015 at 8:19

RichardBernards

3,0971 gold badge25 silver badges30 bronze badges

answered Feb 10, 2015 at 3:27

ClassyPimp

7257 silver badges20 bronze badges

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

Comments

Darren · Accepted Answer · 2015-02-10 03:23:22Z

0

You'd have to access it through jQuery and then run an ajax request to a php file that would run your sql query.

var userID = jQuery('#theuser').data('id');

The above fetches the data attribute data-id which will allow you to use it in an ajax request.

jQuery.ajax({
    type: "POST",
    url: "yourscript.php",
    data: {userID: userID},
    timeout: 30000,
    datatype: 'json'
}).success(function (data) {
    console.log(data);
})

You're absolutely right about the server and client being separate. You need to parse the client side data back to the server to be processed as you require.

answered Feb 10, 2015 at 3:23

Darren

13.1k4 gold badges44 silver badges81 bronze badges

1 Comment

zefrank Over a year ago

I think i get it but not sure about the where i need to put all this. the modal needs to bring up a form prefilled with data so we can edit a user credentials. assuming my base file is index.php , where would i put this code ? inside the modal ?

Ranjith Kumar · Accepted Answer · 2015-02-10 03:42:07Z

0

Try this : You can get the value of user_id from the given code

var userID = $('#theuser').attr('data-id');

the pass the userID IN AJAX call

$.ajax({
    type: "POST",
    url: "yourscript.php",
    data: {userID: userID},
    timeout: 30000,
    datatype: 'json'
}).success(function (data) {
    console.log(data);
})

i think it will meet your needs. Thank You

answered Feb 10, 2015 at 3:42

Ranjith Kumar

12 bronze badges

3 Comments

Ranjith Kumar Over a year ago

use it on onclick then u can get dynamic for each row.

zefrank Over a year ago

where should these 2 block of codes reside, if the file anywhere or within the modal ?

Ranjith Kumar Over a year ago

in u ".js" or ur "wiew file" file in which u using to do the ajax call

Collectives™ on Stack Overflow

passing a php variable dynamically to a bootstrap modal

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related