将JSON从PHP传递给JavaScript变量

时间:2013-06-27 01:43:11

标签: php javascript jquery json cordova

我正在使用phonegap进行应用程序,并且我一直试图将服务器上的PHP中的JSON数据发送到设备上的JavaScript。我想做点什么:

var JSON = '{ "Table" : ' + "http://www.hel.net/LoadDB.php=?table=exhibitions" +  '}';

php工作正常并返回类似:

"[{"id":"1","name":"Art for everyone","image":null,"name2":"June 29, 2013: 11:00am.","description":"With reservation\r\nFree entrance","description2":null}]"

我希望javascript变量的结果能够在以后使用:

var obj = eval ("(" + JSON + ")");
document.getElementById("rName").innerHTML=obj.Table[1].name;
document.getElementById("lname").innerHTML=obj.Table[1].name2; 

我想做的是:

var JSON = '{ "Table" : ' + "http://www.hel.net/LoadDB.php=?table=exhibitions" +  '}';
var obj = eval ("(" + JSON + ")");
document.getElementById("rName").innerHTML=obj.Table[1].name;
document.getElementById("lname").innerHTML=obj.Table[1].name2; 

如何让第一线工作?是否有可能使第一线工作? PS。我对JSON数组没有多少经验。



好的,我试过ajax并且工作,我用过:

console.log("before"); 

var jqxhr = $.ajax( "http://www.hel.com/LoadDB.php?table=exhibitions" )
            .done(function(data) { console.log(data); })
            .fail(function() { console.log("error"); })
            .always(function() { console.log("complete"); });

console.log("after");

更多信息:

api.jquery.com

3 个答案:

答案 0 :(得分:1)

我认为你所需要的只是var obj = <?php echo $myjsonencodedvar; ?>

var obj = <?php echo json_encode($myarray_or_object); ?>

因为我说“我想......”我决定试一试。我在SO上找到了以下dump()函数。

$arr=array(1,'biscuit'=>'gravy',3,4,5);
$json=json_encode($arr);
?>
<script>
  j=<?php echo $json; ?>;
 document.write(dump(j));

 function dump(obj) {
    var out = '';
    for (var i in obj) {
        out += i + ": " + obj[i] + "\n";
    }

    return out;
}
</script>

输出:

0: 1 biscuit: gravy 1: 3 2: 4 3: 5

答案 1 :(得分:0)

使用JSONP(没有回调),并在客户端使用$ .getJSON()它将它从json字符串解析为js对象。

答案 2 :(得分:0)

试试这个:

PHP:(json.php)

<?php
    header("Content-Type: text/json");

    //the data format your question mentioned
    $data = array("Table"=>array(array("id"=>"1","name"=>"Art for everyone","image"=>null,"name2"=>"June 29, 2013","description"=>"With reservation\r\nFree entrance","description2"=>null)));

    echo json_encode($data);
?>

前端:

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
    $.get("json.php",function(json){
        alert(json.Table[0].name);
    });
</script>
</body>
</html> 

希望这对你有所帮助。