How to pass JavaScript values to PHP within the Ajax

Question

Here is the situation.

I'm trying to pass from some Javascript values to various PHP functions within my ajax so it can properly be displayed on the page.

Here is my code:

       $("[data-department-id]").click(function() {                   
                id = $(this).attr('data-department-id');     
                document.getElementById('department'+id).innerHTML = '';                  
                $.ajax({
                    url:"/desk/template/fetchtickets.php",
                    type: 'POST', 
                    dataType: 'json',                      
                    data : {
                      'id' : id  
                    },
                    success: function (res) {                            
                        $('#department'+id).append('<ul>');
                        for (var key in res) { 
                            
                            var ticketId = res[key].id;
                            var clientId = res[key].clientid;
                            var clientName = res[key].name;
                            var clientColor = res[key].hexColor;    
                            
                           <?php  $ticketId = '"+ticketId+"';   ?>   
                           <?php  $clientId = '"+clientId+"';   ?>   
                           <?php  $clientName = '"+clientName+"';   ?>   
                           <?php  $clientColor = 'clientColor';   ?> 
                           
                           $('#department'+id).append('<li class="list-group-item list-group-item-light" data-date-2="<?php echo Ticket::lastReplyStamp($ticketId); ?>"> <span class="text-width"><a href="?route=tickets/manage&id='+res[key].id+'">'+res[key].ticket+'  '+res[key].subject+'</a></span><div class="tools" ><span class="client-listing"> <?php clientBadge($clientId,$clientName,$clientColor); ?>    <?php // echo "<scipt>document.writeln(test)</script>";    ?> '+test+'      </div></div></li>');
                        }                     
                        $('#department'+id).append('</ul>');  
                    }
                });                                       
            })

When I do a console.log();

It shows the proper value, however, when I do an echo $ticketId, it shows +ticketId+ .

Now I did do a document.write and document.writeln and it still doesn't work.

Is there a proper solution to resolve my problem?

Please share more details. In the current state, $ticketId and the other PHP variables contain a string — Nico Haase
– Nico Haase, Commented Jan 26, 2021 at 19:27
You can pass variable value from php to javascript but not vice verse This is why we're using ajax.. with <?php $ticketId = '"+ticketId+"'; ?> surely you will not get the javascript ticketid you'll get it as a string +ticketId+ like it works already . So you cannot pass the javascript variable to the php function its not possible — Mohamed-Yousef
– Mohamed-Yousef, Commented Jan 26, 2021 at 19:30
PHP code snippets would NOT get processed after the ajax return. Please use JS to process the data after the ajax return. — Ken Lee
– Ken Lee, Commented Jan 26, 2021 at 19:30

spzout · Accepted Answer · 2021-01-26 19:39:37Z

2

You can not add php code here.You can use JQuery to change value in the Dom or set some hidden inputs value, but you can not set php variable in JS. PHP runs on the server side. When the php code is running, your js code is waiting to be run on the client's computer.

These line are always going to be interpreted as string assign from server side.

<?php  $ticketId = '"+ticketId+"';   ?>   
<?php  $clientId = '"+clientId+"';   ?>   
<?php  $clientName = '"+clientName+"';   ?>   
<?php  $clientColor = 'clientColor';   ?>

answered Jan 26, 2021 at 19:39

spzout

1043 bronze badges

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

Comments

Mihir Bhende · Accepted Answer · 2021-01-26 19:53:51Z

The order of your code processing is something like this :

PHP code get processed
PHP returns HTML
User clicks an element (in your case data-department-id)
JQuery sends ajax request
Server processes the request and sends response back to the frontend
Ajax success function receives the response and now has the response in javascript variable res which is passed as argument of success(res) function
All the code inside success is executed

Alternatively if the server throws an error response, no 6. and 7. would trigger the error callback

But the main part it, the PHP code in your success() function will NOT run as you are thinking, which is after the Ajax receives response. At this point all you can do is use javascript to manipulate the variables.

So in short, change below part and use javascript or jQuery if you have it to change DOM elements based on response.

<?php  $ticketId = '"+ticketId+"';   ?>   
...
...

For example, let's say you have an H1 tag which shows ticket id. You would do

// jQuery
$('#ticketIdElement').text(res.id);

Collectives™ on Stack Overflow

How to pass JavaScript values to PHP within the Ajax

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related