how to pass php array as a parameter to the external js function

Question

i have sample array $arras below. when we click on the button, the function user_info() will be called and this array will be passed to ajax request.my script looks like

<?php 
   $arr = array(
            array(
               "first_name" => "Darian",
               "last_name" => "Brown",
               "age" => "28",
               "email" => "[email protected]"
          ),
         array(
              "first_name" => "John",
              "last_name" => "Doe",
              "age" => "47",
              "email" => "[email protected]"
         )
      );

   $encoded =json_encode($arr);

?>

<button onclick="user_info()">click here</button>
<div id="result_view"></div>

and my js function is

  function user_info()
  {   
    var my_arr = '<?php echo $encoded; ?>';
    var data='';
    $.ajax({
        data: {arr: my_arr},
        type: 'POST',
        url: site_url+'admin/profile/users/',
        success: function(response)
        {
            var JSONObject = $.parseJSON(response); 
            for (var key in JSONObject) {
                if (JSONObject.hasOwnProperty(key)) {
                   data += (JSONObject[key]["first_name"] + ", " + JSONObject[key]["age"])+"<br/>";
                }
              }
            $('#result_view').html(data);               
          }
      }); 
    }

my php code and js function are on the same php file and it's working. now i want to put this js function to my external js file. and i need to pass my array as a parameter on function call. i tried to pass the array as a parameter like this

<button onclick="user_info(<?php echo $encoded;?>)">click here</button>

and my external js function look like this

function user_info(my_arr)
{
 ...
}

but it's not working. how can i pass my array as a parameter on external function call? I would appreciate for any help. thank you.

slash197 · Accepted Answer · 2015-04-19 10:40:16Z

1

HTML file

<script>
    var enc = <?php echo $encoded;?>;
</script>
<button onclick="user_info()">click here</button>

External JS file

function user_info()
{
    ...
    //use enc var here
    ...
}

Just make sure the external JS file is included after the little script tag.

answered Apr 19, 2015 at 10:40

slash197

9,0246 gold badges44 silver badges71 bronze badges

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

Comments

Ali Sheikhpour · Accepted Answer · 2015-04-19 10:40:24Z

1

Use single quotes in your array to prevent conflict with double quotes in html attributes. e.g.

   array(
               'first_name' => 'Darian',
               'last_name' => 'Brown',
               'age' => '28',
               'email' => '[email protected]'
          )

answered Apr 19, 2015 at 10:40

Ali Sheikhpour

11.4k5 gold badges53 silver badges100 bronze badges

1 Comment

Barmar Over a year ago

The quotes there don't matter because he's converting it to JSON with json_encode.

Sumit · Accepted Answer · 2015-04-19 10:40:43Z

1

Pass it as string

<button onclick="user_info('<?php echo $encoded;?>')">click here</button>

answered Apr 19, 2015 at 10:40

Sumit

1,6491 gold badge12 silver badges25 bronze badges

2 Comments

slash197 Over a year ago

this will become a string and you will lose the object

Sumit Over a year ago

Yes I know this but this is the better way he can use console.log(JSON.parse(value)); to again convert it to array.

Barmar · Accepted Answer · 2015-04-19 10:43:58Z

1

You shouldn't put quotes around <?php echo $encoded ?>. That's creating a string instead of an object. So it should be:

var my_arr = <?php echo $encoded; ?>;

answered Apr 19, 2015 at 10:43

Barmar

789k57 gold badges555 silver badges669 bronze badges

Collectives™ on Stack Overflow

how to pass php array as a parameter to the external js function

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Related