PHP echo to JavaScript via AJAX

Question

I am trying to include an echo from a php file to javascript file.

I have this code in my php-file:

<?php
   ...I connect and load list from database here...

   for($i=0;$i<sizeOf($list_rows);$i++) {
      echo '"'.$list_rows[$i]['name'].'": null,';
   }
?>

and the following code in my JavaScript file:

<script>
$('input.autocomplete').autocomplete({
   data: {
      HERE I WANT TO HAVE THE ECHO
   },
});

</script>

The php-file is giving me the correct echo when I open it directly, but my javascript file don't. Can you help me?

jqueryui.com/autocomplete

Kavin Smk
– Kavin Smk

2017-08-19 11:47:26 +00:00
Commented Aug 19, 2017 at 11:47 — Kavin Smk
– Kavin Smk, Commented Aug 19, 2017 at 11:47

Funk Forty Niner · Accepted Answer · 2017-08-19 11:45:37Z

1

You can make following changes

<?php
   ...I connect and load list from database here...
   $echo_text = ''; 
   for($i=0;$i<sizeOf($list_rows);$i++) {
      $echo_text .= '"'.$list_rows[$i]['name'].'": null,';
   }
?>

<script>
$('input.autocomplete').autocomplete({
   data: {
      '<?php echo $echo_text;?>'
   },
});

</script>

edited Aug 19, 2017 at 11:45

Funk Forty Niner

74.2k14 gold badges71 silver badges146 bronze badges

answered Aug 19, 2017 at 11:44

zohaan malinga

365 bronze badges

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

Comments

Farsay · Accepted Answer · 2017-08-19 11:43:12Z

0

In the php code concat strings

PHP CODE

<?php

   $string = "";
   for($i=0;$i<sizeOf($list_rows);$i++) {
       $string.='"'.$list_rows[$i]['name'].'": null,';
   }

?>

in javascript just get that php variable like this -

<script>
var res = '<?php echo $string; ?>';
alert(res);
$('input.autocomplete').autocomplete({
   data: {
      res 
   },
});

</script>

answered Aug 19, 2017 at 11:43

Farsay

3121 silver badge9 bronze badges

Comments

Chandra Kumar · Accepted Answer · 2017-08-19 11:44:52Z

0

Try this:

PHP:

<?php
   $names = [];
   for($i=0;$i<sizeOf($list_rows);$i++) {
      if($list_rows[$i]['name'] != ""){
        array_push($names, array('label' => $list_rows[$i]['name'], 'value' => $list_rows[$i]['name']));
      }
      //echo '"'.$list_rows[$i]['name'].'": null,';
   }
   $names = json_encode($names);
?>

JS:

<script>
$('input.autocomplete').autocomplete({
   data: '<?php echo $names; ?>',
});
</script>

More Info: https://jqueryui.com/autocomplete/#categories

answered Aug 19, 2017 at 11:44

Chandra Kumar

4,2131 gold badge19 silver badges26 bronze badges

Comments

fveltmann · Accepted Answer · 2017-08-19 11:56:22Z

0

Is it correct, that I can put php via into a javascript file?

My first idea was to load the javascript file in html and this javascript loads an external php file :/

answered Aug 19, 2017 at 11:56

fveltmann

1151 gold badge2 silver badges7 bronze badges

Collectives™ on Stack Overflow

PHP echo to JavaScript via AJAX

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related