从data.php获取结果,然后将其转换为javascript字符串

时间:2013-02-12 12:42:36

标签: php javascript jquery

我真的不知道该怎么称呼它。这是我的文件

data.php =>计算一些随机数 jscript.js =>这回应了data.php到div id

的结果

但我想在某些方面做的是从data.php获取值然后将其放置 div的风格。

    $.get('jQuery/data.php?Con&userHP&perc' , { userID: xUserID } ,
    function(output) {
        $('#userHP').html(output).show();
        var o = document.getElementById("userHealthbar");
        o.style.width= result_here ;
    }
);

而不是将结果放在div / div中我希望它到div的样式部分。

P.S:我希望data.php的结果是javascript中的一个变量。

但我似乎无法使其发挥作用。 我希望我的解释清楚。

2 个答案:

答案 0 :(得分:1)

您应该使用jQuery选择器而不是document.getelementById。

常用方式:

jQuery('#userHealthbar').attr('style', whateverYouGotFromPHP);

在这种情况下更好:

jQuery('#userHealthbar').width(whateverYouGotFromPHP);

d

答案 1 :(得分:0)

如果你想从php返回多个东西到javascript,你应该使用json。

因此,如果你想在php中返回2个值,你可以这样做:

$html = "your html string";
$value = 4;    // the value you want to return

$array_to_return = array("html" => $html, "value" => $value);

echo json_encode($array_to_return);    // the only thing you echo out in your php!

然后,在javascript中,您可以使用$.getJSON代替$.get

$.getJSON('jQuery/data.php?Con&userHP&perc' , { userID: xUserID } ,
    function(output) {
        $('#userHP').html(output.html).show();
        var o = document.getElementById("userHealthbar");
        o.style.width= output.value ;
    }
);