Wordpress short-code using Javascript/Jquery

Question

I couldn't find an easy solution to call a php shortcode with javascript.
I have this javascript code:

$(document).ready(function(){
    $("button").click(function(){
        $.ajax({
            type: 'POST',
            url: '../wp-content/themes/medical-cure/ads_script.php',
            success: function(data) {

                $("p").text(data);
            }
        });
   });
});

Where ads_script.php contains:

<?php 
    echo do_shortcode( '[wprevive_js zoneid="10"]' );
?>

all executed when I click a button:

<button class="button" type="button" >Click Me</button>

But all this gives me a 500error. Maybe I have to ask wordpress stackexchange because

do_shortcode( '[wprevive_js zoneid="10"]' );

is actually a Worpdress code, but I'd appreciate any help here.

UPDATE:

If I try to put echo "hi" instead of the shortcode, it works, return me "HI" when I start the Ajax call with the button.

"give me 500error." Check your error logs to find the specific error being thrown and include that above. — Patrick Q
– Patrick Q, Commented Aug 30, 2018 at 14:00
@PatrickQ there is no response or any log, gives me 500 server error at ads_script.php in console — Luca
– Luca, Commented Aug 30, 2018 at 14:08
It would be highly unlikely for there not to be an error logged somewhere with a 500 status response. Where are you looking? — Patrick Q
– Patrick Q, Commented Aug 30, 2018 at 14:12
@PatrickQ all I can see is from my console, I can't access to server log, so in console I see 500error into jquery.min.js at line 4 "send", "ajax". There is no better explain of this error :( — Luca
– Luca, Commented Aug 30, 2018 at 14:17
"I can't access to server log" You need to figure out how to get access to your logs. You really shouldn't be doing any development without it. We're not going to be able to help you without knowing what the actual error message is. As a developer, your logs are basically your first line of debugging. — Patrick Q
– Patrick Q, Commented Aug 30, 2018 at 14:22

Jack Robson · Accepted Answer · 2018-08-30 18:39:48Z

2

You've isolated your ads_script.php away from the WordPress core.

Since you're making a direct call to it, it doesn't load WordPress and their gives the do_shortcode not a function error.

Try loading wp_load.php in your ads_script.php file.

It'll look something like:

<?php 
 // instead of include '../../../wp-load.php'; do ...
  $parse_uri = explode( 'wp-content', $_SERVER['SCRIPT_FILENAME'] );
  require_once( $parse_uri[0] . 'wp-load.php' );

  echo do_shortcode( '[wprevive_js zoneid="10"]' );
?>

answered Aug 30, 2018 at 18:39

Jack Robson

2,3124 gold badges32 silver badges52 bronze badges

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

3 Comments

theode Over a year ago

yeah exactly my thought

Luca Over a year ago

its worked bro! many thanks! Only instead of .text(data) I have put .html(data) to show correctly the shortcode.

Luca Over a year ago

first person who solved this issue after days of trying. Thanks again.

Collectives™ on Stack Overflow

Wordpress short-code using Javascript/Jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related