how to use PHP loop in JQuery

Question

I have the following JQuery Function.

   <script>

    var forbiddenWords = ['Phone', 'Home', 'Address', 'Number', 'Postcode', 'email', 'call','n u m b e r'];
    $(function () {
      $('.msgbox').on('keyup', function(e) {
        forbiddenWords.forEach(function(val, index) {
          if (e.target.value.toUpperCase().indexOf(val.toUpperCase()) >= 0) {
              e.target.value = e.target.value.replace(new RegExp( "(" + val + ")" , 'gi' ), '');
          }
        });
      });
    });

    </script>

I want the words in fordiddenWords array should be dynamic and must come from MySQL database. I have written the following code but it is not working..!

     <script>

 var forbiddenWords = [<?php foreach($result as $res) { echo $res->rest_words; } ?>];
        $(function () {
          $('.msgbox').on('keyup', function(e) {
            forbiddenWords.forEach(function(val, index) {
              if (e.target.value.toUpperCase().indexOf(val.toUpperCase()) >= 0) {
                  e.target.value = e.target.value.replace(new RegExp( "(" + val + ")" , 'gi' ), '');
              }
            });
          });
        });

        </script>

The words appear like this..!

var forbiddenWords = [phonenumberaddress];

Please Help.

Use the | operator of regex to avoid the for loop : value.replace(/word1|word2|word3/gi,'') — Goufalite
– Goufalite, Commented Aug 2, 2016 at 13:23

NDM · Accepted Answer · 2016-08-02 13:40:27Z

1

You can simply use json_encode function for convert php array into JSON/Javascript object or Array

var forbiddenWords = [<?php foreach($result as $res) { echo $res->rest_words; } ?>];

Replace it with

<?php
$arr=array();
foreach($result as $res) { $arr[]=$res->rest_words; }
?>
var forbiddenWords = <?php echo json_encode($arr); ?>;

OR

var forbiddenWords = <?php echo json_encode(array_map(function($record){ return $record->rest_words; }, $result)); ?>;

edited Aug 2, 2016 at 13:40

NDM

6,8483 gold badges42 silver badges55 bronze badges

answered Aug 2, 2016 at 13:26

Haresh Vidja

8,4713 gold badges29 silver badges44 bronze badges

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

1 Comment

NDM Over a year ago

you can check my edits for what was missing stackoverflow.com/posts/38721777/revisions

whodis · Accepted Answer · 2016-08-02 13:22:45Z

0

Echoing like this directly in Javascript is not the correct way to pass information. It would be easier if you convert your $result array to json so it's more native for js. Try:

http://php.net/manual/en/function.json-encode.php

So it should look something like this:

var forbiddenWords = <?=json_encode($result)?>;

answered Aug 2, 2016 at 13:22

whodis

3733 silver badges16 bronze badges

3 Comments

charlietfl Over a year ago

Will produce array of objects. $result needs to be mapped first to expected output structure

Ajmal Razeel Over a year ago

var forbiddenWords = [{"rest_word":"phone"},{"rest_word":"number"},{"rest_word":"address"}];

whodis Over a year ago

Yes, as @charlietfl mentioned and as I missed to write you should map the result. Try var result = forbiddenWords.map(function(a) {return a.rest_word;}); and then result should be mapped array

Manolo · Accepted Answer · 2016-08-02 13:24:23Z

0

You're missing the commas and the quotes:

 <script>

 var forbiddenWordsString = <?php foreach($result as $res) { echo "'" . $res->rest_words . "',"; } ?>;
 var forbiddenWords = [forbiddenWords.substring(0, str.length - 1)]; // remove last comma
    $(function () {
      $('.msgbox').on('keyup', function(e) {
        forbiddenWords.forEach(function(val, index) {
          if (e.target.value.toUpperCase().indexOf(val.toUpperCase()) >= 0) {
              e.target.value = e.target.value.replace(new RegExp( "(" + val + ")" , 'gi' ), '');
          }
        });
      });
    });

</script>

edited Aug 2, 2016 at 13:24

answered Aug 2, 2016 at 13:21

Manolo

26.9k21 gold badges91 silver badges134 bronze badges

1 Comment

NDM Over a year ago

syntax error: trailing comma after last array element

Collectives™ on Stack Overflow

how to use PHP loop in JQuery

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related