How To use PHP variable in jQuery (in Wordpress plugin)

Question

This is wordpress plugin code The following code works, but no text comes into the modal window. Error is this enter image description here

     <?php
            $phpvariabletext =  get_post_meta( $post_id, '_billing_satis_sozlesme', true );
            // $phpvariabletext large text along with html codes

            ?>
            <a class="classa" id="view" onclick="openmodal()"> Show Contract </a>

            <script type="text/javascript">
            var content = '<?php echo $phpvariabletext; ?>';
            var newmodal = new tingle.modal();
             function openmodal() {
                newmodal.open();
                newmodal.setContent(content);
            }
        </script>

I would highly advise doing something like this. Why not use ajax ? — kemicofa
– kemicofa, Commented Oct 11, 2019 at 8:01
May I recommend that you use json_encode() and NOT quote-wrap your php variable? I can't yet tell if this is a solution for your error, but it is good stabilizing practice. Also, screen shots of text = bad on Stackoverflow — mickmackusa
– mickmackusa ♦, Commented Oct 11, 2019 at 8:15
never ever mix php and js - they're executed differently — treyBake
– treyBake, Commented Oct 11, 2019 at 8:17

Pramod kushwaha · Accepted Answer · 2019-10-11 09:35:07Z

4

You can use PHP variable in JQuery/Javascript easily check below steps

1) Stored PHP variable value in HTML input tag as type hidden

<input type="hidden" value="<?php echo $phpvariabletext;?>" id="phpvariable">

2) After assign variable value in HTML input tag. You can get value in JQuery/Javascript.

<script type="text/javascript">
        var content = $('#phpvariable').val();
        var newmodal = new tingle.modal();
         function openmodal() {
            newmodal.open();
            newmodal.setContent(content);
        }
</script>

answered Oct 11, 2019 at 9:35

Pramod kushwaha

4496 silver badges17 bronze badges

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

Comments

mickmackusa · Accepted Answer · 2019-10-11 09:59:20Z

Creating extra DOM elements solely to transport a value is needless extra markup.

I always pass php data to javascript as json_encode() output (without manually quoting) because it will automatically double-quote your string and escape any of the double-quotes in the actual data.

<a class="classa" id="view" onclick="openmodal()"> Show Contract </a>

<script type="text/javascript">
    let newmodal = new tingle.modal();
    function openmodal() {
        newmodal.open();
        newmodal.setContent(<?= json_encode(get_post_meta($post_id, '_billing_satis_sozlesme', true)); ?>);
    }
</script>

The above technique outputs the php value using php "short tags".

P.s. you could also consider removing the inline js function call and use an event listener in your js to keep all of the behaviors/events in one place.

Collectives™ on Stack Overflow

How To use PHP variable in jQuery (in Wordpress plugin)

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