How to include php file using jquery

Question

I already visited this link,

but when I m trying it in my code, its not working. What could be the issue?

index file

<div id="content">Hi</div>

<script type="text/javascript">
var about_me = "<?php include('del.php') ?>"
$('$content').click(function(){
    $('#content').load(about_me);
});
</script>

del.php

<?php
echo "hi again";
?>

As javascript runs on the client, and php should have to be ran on the server, it simply will not work this way. What I do in such a situation is to include the del.php in a container that only becomes visible when the click happens. — Vörös Imi
– Vörös Imi, Commented Jan 10, 2019 at 18:57
I tried this line $('$content').ready(function(){ instead of $('$content').click(function(){ Still not working — Ajinkya Rathod
– Ajinkya Rathod, Commented Jan 10, 2019 at 19:04

Jay Blanchard · Accepted Answer · 2019-01-10 19:18:06Z

2

First, make sure you include the jQuery library.

Second, don't use include as it isn't necessary. You will just load the file via jQuery:

<script type="text/javascript">
$(document).ready(function(){
    var about_me = "del.php";
    $('#content').click(function(){
        $('#content').load(about_me);
    });
});
</script>

NOTE: You have a typo in your selector $content should be #content to make it clickable. I have also included a document ready function in the event your script is at the top of the page, instead of the bottom.

edited Jan 10, 2019 at 19:18

answered Jan 10, 2019 at 18:56

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

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

6 Comments

Ajinkya Rathod Over a year ago

Not Working :-(

Jay Blanchard Over a year ago

By "not working" what do you mean? Are there any errors in the browser's console?

M. Eriksson Over a year ago

@AjinkyaRathod - "Not working" isn't that helpful. What happens? Check the console for errors and/or the network tab in your browsers developer tools to check if it makes a request at all. Btw, I would recommend putting you js in $(function () { ...your js goes here... }); to make sure that the DOM have finished loading when it's executed. Read more in the manual

Jay Blanchard Over a year ago

@AjinkyaRathod is the script at the top or the bottom of your page? If it is at the top you will need to include it in a document ready handler.

Ajinkya Rathod Over a year ago

Jay Blanchard. I made such a silly mistake. Wasted hours for this :-( I forget to include the jquery libraries.Thank you very much :-)

|

rollingthedice · Accepted Answer · 2019-01-10 19:02:50Z

0

.load() accepts url (type string) as first parameter, not a php code.

Try to change it from: var about_me = "<?php include('del.php') ?>"

To: var about_me = "/del.php"

EDIT: You have a typo in your event listener's selector, should be $('#content').click() instead of $('$content').click()

edited Jan 10, 2019 at 19:02

answered Jan 10, 2019 at 18:57

rollingthedice

1,1258 silver badges17 bronze badges

2 Comments

Ajinkya Rathod Over a year ago

Nope. Not Woking in either cases

rollingthedice Over a year ago

Updated, you had a typo.

Collectives™ on Stack Overflow

How to include php file using jquery

2 Answers 2

6 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Linked

Related