在jQuery中调用PHP变量

时间:2013-08-14 11:18:23

标签: javascript php jquery

我正在我的购物车中开发一个缩放工具,我仍然坚持如何在jQuery函数中调用PHP变量。

这是我的代码:

jQuery(document).ready(function($){
$('#image1').addimagezoom({ // single image zoom
    zoomrange: [3, 10],
    magnifiersize: [800,300], 
    magnifierpos: 'right',
    cursorshade: true,
    largeimage: "php variable" //we add the directory of the image.
});
});

我需要把

$src ="images/products/".mysql_result($execute_select_product_query,0,'image1')."

在我放置PHP变量的函数中。

5 个答案:

答案 0 :(得分:15)

您有两个或三个选项:如果Javascript位于php文件中,您可以

var phpVar = <?php echo $var; ?>;

否则,如果Javascript在任何地方,你可以这样做:

<input type="hidden" id="phpVar" value="<?php echo $var; ?>">

然后以

的形式访问它
$('#phpVar').val();

示例1:

jQuery(document).ready(function($){
$('#image1').addimagezoom({ // single image zoom
    zoomrange: [3, 10],
    magnifiersize: [800,300], 
    magnifierpos: 'right',
    cursorshade: true,
    largeimage: <?php echo $var; ?> //we add the directory of the image.
});
});

例2:
Html:

<input type="hidden" id="phpVar" value="<?php echo $var; ?>">

的Javascript

jQuery(document).ready(function($){
$('#image1').addimagezoom({ // single image zoom
    zoomrange: [3, 10],
    magnifiersize: [800,300], 
    magnifierpos: 'right',
    cursorshade: true,
    largeimage: $('#phpVar').val(); //we add the directory of the image.
});
});

答案 1 :(得分:5)

这样做:

largeimage: "<?php echo $src; ?>"

答案 2 :(得分:3)

PHP是服务器端语言,javascript是用户端语言。不要混合它。只需使用ajax。或者,如果您已将脚本包含在PHP文件中,则可以将其写入代码:

  <?php $srcImg = 'Some value'; ?>
  jQuery(document).ready(function($){
    $('#image1').addimagezoom({ // single image zoom
        zoomrange: [3, 10],
        magnifiersize: [800,300], 
        magnifierpos: 'right',
        cursorshade: true,
        largeimage: "<?php echo $srcImg; ?>" //we add the directory of the image.
    });
  });

使用data-attrs

<body data-phpvar="<?php echo $srcImg; ?>">

在js:

var phpvar = $("body").attr("data-phpvar");

答案 3 :(得分:2)

您可以使用php标签回显您的变量:

jQuery(document).ready(function($){
$('#image1').addimagezoom({ // single image zoom
    zoomrange: [3, 10],
    magnifiersize: [800,300], 
    magnifierpos: 'right',
    cursorshade: true,
    largeimage: "<?=$your_php_variable?>" //we add the directory of the image.
});
});

<强>被修改: 如果jQuery不包含在php文件中,那么你可以在php文件中声明一个javascript变量:

<?
php code
?>
<script type="text/javascript">
var my_js_variable = '<?=$my_php_variable?>';
</script>
<?
php code
?>

答案 4 :(得分:1)

将php标签添加到您的jquery "<?php echo $sample; ?>"

jQuery(document).ready(function($){
$('#image1').addimagezoom({ // single image zoom
    zoomrange: [3, 10],
    magnifiersize: [800,300], 
    magnifierpos: 'right',
    cursorshade: true,
    largeimage: "<?php echo $sample;?>" //we add the directory of the image.
});
});