متغير PHP في جافا سكريبت

إذا كانت لديك متغير يحمل قيمة سلسلة بسيطة ، فيمكنك الحصول على ذلك في جافا سكريبت مباشرة كالمثال الآتي

<?php
    $name = 'Mohammed';
    
?>
<script type="text/javascript">
    var name = '<?php echo $name; ?>';
    console.log(name);
</script>

ولكن إذا كان لديك متغير يحمل قيمة من نوع مصفوفة وتريد الحصول عليها في جافا سكريبت ، فعليك استخدام طريقة تشفير json كالمثال الآتي

<?php
    $names = array('mohammed', 'ahmed', array('ali', 'sami'));
?>
<script type="text/javascript">
    var names = <?php echo json_encode($names); ?>;
    console.log(names);
</script>

لاحظ لقد استخدمنا الوظيفة json_encode لإرجاع تمثيل JSON لقيمة المتغير names ومن ثم نستطيع استخدامها في كود javascript

بتاريخ 57 دقائق مضت قال محمد أبو عواد:

إذا كانت لديك متغير يحمل قيمة سلسلة بسيطة ، فيمكنك الحصول على ذلك في جافا سكريبت مباشرة كالمثال الآتي

<?php
    $name = 'Mohammed';
    
?>
<script type="text/javascript">
    var name = '<?php echo $name; ?>';
    console.log(name);
</script>

ولكن إذا كان لديك متغير يحمل قيمة من نوع مصفوفة وتريد الحصول عليها في جافا سكريبت ، فعليك استخدام طريقة تشفير json كالمثال الآتي

<?php
    $names = array('mohammed', 'ahmed', array('ali', 'sami'));
?>
<script type="text/javascript">
    var names = <?php echo json_encode($names); ?>;
    console.log(names);
</script>

لاحظ لقد استخدمنا الوظيفة json_encode لإرجاع تمثيل JSON لقيمة المتغير names ومن ثم نستطيع استخدامها في كود javascript

لدي خطأ

Invalid or unexpected token

بتاريخ 1 دقيقة مضت قال حسين محمد الباز:

لدي خطأ

Invalid or unexpected token

لديك خطأ في كتابة الكود, تحقق جيدا ربما نسيت وضع بعض الأقواس أو الفاصلة 

يمكنك استخدام خاصية data-attribute في اي عنصر html 

هذه الخاصية يجب ان يبدأ اسمها ب data واباسم الثاني لها اي شيء ويفضل يدل على عملها  .. 

مثال:

اذا اردنا ارسال قيمة متحول php يعبر عن العمر مثلاََ.. سيكون التالي:

<?php
    $age = 22;
?>
<p data-age="<?php echo $age; ?>" id="para">
    Check age
</p>

في ملف ال JavaScript نستطيع الوصول الى قيمة المتحول age بالطريقة التالية:

let age = document.getElementById("para").dataset.age;
console.log("age");

بهذه الطريقة ستحصل على قيمة متغير ال php الذي قمنا بتخزين قيمته بمتغير ال JavaScript وتأكدنا منها عبر عرضها بال console ..