Menu
What is the best practice to store an array of values in a html (from php) attribute and later access them from javascript/jQuery?
<div class="storage" someAttr=?? /></div>
Its basically a simple array like (code_1,code_2,code_3,...)
Im thinking of doing a simple someAttr="code_1;code_2;code_3" and then exploding it:
var a = $(this).attr('someAttr');
(a.split(";")).forEach(function (attr){
console.log(attr);
});
491
You can json_encode your array on the PHP side, add it in as a data-attribute on the HTML side, and then parse it out on the JavaScript side.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function() {
var jsArr = JSON.parse($('#phpArr').attr('data-attr'));
});
</script>
</head>
<body>
<span id="phpArr" data-attr='<?php echo json_encode(arr); ?>'></span>
</body>
</html>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
