如何在php中将这个字符串变量传递给JS函数？_Php_Javascript_Html_Mysql

如何在php中将这个字符串变量传递给JS函数？

php javascript html mysql

如何在php中将这个字符串变量传递给JS函数？,php,javascript,html,mysql,Php,Javascript,Html,Mysql,我查找与口袋妖怪关联的图像，并用php显示它。然后我想通过点击它来“翻转卡片”。我第一次点击向下，但第二次点击将卡片翻转过来的操作不起作用。我想这是我的php变量在JS中的语法： <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> 'Murica! </title> <script> function changeImage() { e

我查找与口袋妖怪关联的图像，并用php显示它。然后我想通过点击它来“翻转卡片”。我第一次点击向下，但第二次点击将卡片翻转过来的操作不起作用。我想这是我的php变量在JS中的语法：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">

<title>
'Murica!
</title>

<script>

function changeImage()
{

element=document.getElementById('pokemon_card')

if 
(element.src.match("http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-     back.jpg?w=750"))
{element.src="'.$result['image_url'].'";} //<- no idea how to express the php string variable here

else
{element.src="http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-back.jpg?     w=750";}

}

</script>

</head>

<body>

<?php

$dbhost = 'databasePlace';
    $dbname = 'mine';
    $dbuser = 'me';
    $dbpass = '******';

    $link = mysqli_connect($dbhost,$dbuser,$dbpass,$dbname);

    mysqli_select_db($link,$dbname);    


$name = $_GET["fname"];



                $query = sprintf("SELECT image_url, Type
                                  FROM Pokemon c
                                  WHERE c.name='%s'",
                mysqli_real_escape_string($link,$name));

    $result = mysqli_fetch_assoc(mysqli_query($link,$query));

    echo '<img id="pokemon_card" onclick="changeImage()" height="225" 
width="165" src="'.$result['image_url'].'"/>';

mysqli_close($link);

?>

</body>
</html>


“穆里卡！
函数changeImage（）
{
element=document.getElementById（'pokemon\u card'）
如果
（element.src.match（“http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-     back.jpg？w=750英寸）
{element.src=“'.$result['image_url'].'”；}/最简单的方法是在Javascript中放入一点PHP脚本，如下所示
<script type="text/javascript">
function bla() {
    var thevar = "<?php echo $thevar; ?>";
}
</script>


函数bla（）{
var thevar=“”；
}

换句话说，根据您的问题，您将用{element.src=“”.$result['image_url'].”；}
行替换{element.src=“”；}
最简单的方法是在Javascript中放入一个PHP脚本，如下所示
<script type="text/javascript">
function bla() {
    var thevar = "<?php echo $thevar; ?>";
}
</script>


函数bla（）{
var thevar=“”；
}

换句话说，根据您的问题，您将用{element.src=“”.$result['image_url'].”；}
行替换为{element.src=“”；}
用以下行替换您的行：
element.src = "<?= $result['image_url'] ?>";

element.src=”“；

或者，您可以设置javascript变量并调用它：
var imageUrl = "<?= $result['image_url'] ?>";

// ...

element.src = imageUrl;

var-imageUrl=”“；
// ...
element.src=imageUrl；
将您的线路替换为以下线路：
element.src = "<?= $result['image_url'] ?>";

element.src=”“；

或者，您可以设置javascript变量并调用它：
var imageUrl = "<?= $result['image_url'] ?>";

// ...

element.src = imageUrl;

var-imageUrl=”“；
// ...
element.src=imageUrl；
您必须使用
 json_encode

 <?php
  $arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
  echo $t=json_encode($arr); // {"a":1,"b":2,"c":3,"d":4,"e":5}

 ?>

json\u编码

现在$t可以传入js函数了
在js代码中：
<script type="text/javascript">
function you_fun_nm() {
    var val = <?php echo $t; ?>
     alert(val);
}


函数you_fun_nm（）{
var val=
警报（val）；
}

您必须使用
 json_encode

 <?php
  $arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
  echo $t=json_encode($arr); // {"a":1,"b":2,"c":3,"d":4,"e":5}

 ?>

json\u编码

现在$t可以传入js函数了
在js代码中：
<script type="text/javascript">
function you_fun_nm() {
    var val = <?php echo $t; ?>
     alert(val);
}


函数you_fun_nm（）{
var val=
警报（val）；
}

尝试用javascript编写php变量，如下所示
{element.src="'<?php echo $result['image_url']; ?>'";}

{element.src=“”；}
尝试用javascript编写php变量，如下所示
{element.src="'<?php echo $result['image_url']; ?>'";}

{element.src=“”；}

您必须修改Javascript函数，下面是修改后的版本
function changeImage(image_from_db)
{
    element=document.getElementById('pokemon_card')

    if 
    (element.src == "http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-back.jpg?w=750")
    {
        element.src = image_from_db;} //<- image_from_db is being passed by you PHP script
    else
    {
        element.src="http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-back.jpg?w=750";
    }
}

函数更改图像（图像来自图像数据库）
{
element=document.getElementById（'pokemon\u card'）
如果
（element.src==”http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-back.jpg?w=750")
{
element.src=image\u from\u db；}//
您必须修改Javascript函数，下面是修改后的版本
function changeImage(image_from_db)
{
    element=document.getElementById('pokemon_card')

    if 
    (element.src == "http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-back.jpg?w=750")
    {
        element.src = image_from_db;} //<- image_from_db is being passed by you PHP script
    else
    {
        element.src="http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-back.jpg?w=750";
    }
}

函数更改图像（图像来自图像数据库）
{
element=document.getElementById（'pokemon\u card'）
如果
（element.src==”http://dmisasi.files.wordpress.com/2010/12/david-pokemon-card-back.jpg?w=750")
{
element.src=image\u from_db；}//这远远不是最佳方式（IMO），但是+1表示正确答案。如果代码正确，这将是一个很好的答案！您应该将echo
放在字符串中，如果var不是数字，应用程序将崩溃！这远远不是最佳方式（IMO），但+1表示正确答案。如果代码正确，这将是一个很好的答案！您应该将echo
放入字符串中，如果var不是数字，则应用程序崩溃！