Question

This JavaScript code was in a PHP file, and I need to put this JS code into a .js file.

<script>
  $j(".fresh").click(function(){
    $j(this).html('<span><?php echo $this->lang_arr['my_new_func']; ?></span>');

    $j.post(  "<?= site_url('website/func_resh') ?>",
              { id          : "<?= $webfun_one_arr[id] ?>",
                website_id  : "<?= $web_one_arr[id] ?>"
              }
    );
  })
</script>

I know this code <?php echo $this->lang_arr['my_new_func']; ?> in the JavaScript format is {$this->lang_arr['my_new_func'];}

But I don’t know how I change <?= site_url('website/func_resh') ?> and <?= $webfun_one_arr[id] ?> into JS format.

Thanks for any answer.

Answer 1

Interpolating PHP and JavaScript is a big can of worms that you should avoid opening. IMO the best way to deal with this is to use PHP to output a JSON object, which it has built-in support for, and then use the object in your JavaScript. This way you only have to put one tiny snippet of PHP in a <script> tag and you don’t have to try to make the server parse .js files as PHP. Something like this:

In your PHP:

<?php $my_vals = array(
        'myNewFunc'     => $this->lang_arr['my_new_func'],
        'postUrl'       => site_url('website/func_resh'),
        'postId'        => $webfun_one_arr['id'],
        'postWebsiteId' => $web_one_arr['id']
      );
?>
<script>
  $j.getScript('/path/to/your_script.js', function() {
    myFunc(<%= json_encode($my_vals); %>); // turns your PHP array into a
  });                                      // JavaScript object automatically
</script>

Then, in your_script.js:

// Look, Ma, no PHP!
function myFunc(someJson) {
  $j(".fresh").click(function(){
    $j(this).html('<span>' + someJson.myNewFunc + '</span>');

    $j.post( someJson.postUrl,
      { id          : someJson.postId,
        website_id  : someJson.postWebsiteId
      }
    );
  });
}