Javascript 将未定义的赋值给JSON属性值_Javascript_Php_Json_Wordpress

Javascript 将未定义的赋值给JSON属性值

javascript php json wordpress

Javascript 将未定义的赋值给JSON属性值,javascript,php,json,wordpress,Javascript,Php,Json,Wordpress,我无法从运行在wordpress环境中的服务器返回的JSON中提取JSON属性值客户端通用代码段脚本 <html> <body> <h2>JSON string output from a JavaScript object.</h2> <h4>JSON String Value is:</h4><p id="demo"> </p> <h4>JSON Symbol2 Value is

我无法从运行在wordpress环境中的服务器返回的JSON中提取JSON属性值

客户端通用代码段脚本

<html>
<body>

<h2>JSON string output from a JavaScript object.</h2>

<h4>JSON String Value is:</h4><p id="demo"> </p>
<h4>JSON Symbol2 Value is:</h4><p id="json_symbol2"> </p>
<h4>JSON Symbol Value is:</h4><p id="json_symbol"> </p>
<h4>JSON Price Value is:</h4><p id="json_price"> </p>

<script>    
var ourRequest = new XMLHttpRequest();
ourRequest.open("GET", "https://dividendlook.co.uk/Editor-PHP-1.9.0/controllers/ajax_stock_holdings2.php"); 
ourRequest.onload = function() {
var obj =   ourRequest.responseText;
var myJSON =    JSON.parse(JSON.stringify(obj));
//var myJSONprice =     JSON.parse(JSON.stringify(obj.price));
console.log( myJSON );

console.log( myJSON.symbol );
console.log(myJSON.price);

document.getElementById("demo").innerHTML = myJSON;
//document.getElementById("json_symbol2").innerHTML = myJSONprice;
document.getElementById("json_symbol").innerHTML = myJSON.symbol;
document.getElementById("json_price").innerHTML = myJSON.price;
}
ourRequest.send();  
</script>
</body>
</html>

客户端脚本的输出

Test JSON
JSON string output from a JavaScript object.
JSON String Value is:
[ { "symbol": "GSK.LSE", "price": 1744 } ]

JSON Symbol2 Value is:
JSON Symbol Value is:
undefined

JSON Price Value is:
undefined

我尝试取消对Symbol2的注释行的注释，这会导致一个错误，即在stringify之前分配属性值

VM23451:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at XMLHttpRequest.ourRequest.onload ((index):303)

在这个问题上的任何帮助都是非常感谢的，非常感谢科林

我正在尝试集成上述代码，以便在datatables.net编辑器模式上编写price as消息，下面是客户机代码段摘录

    editor.dependent( 'dm_transactions.stock_id', function ( val, data, callback ) {
    $.ajax( {
        url: '../../Editor-PHP-1.9.0/controllers/ajax_stock_transactions.php',
        dataType: 'json',
        // pass stock_id value to server php script
        data: { "stock_id": val },
        success: function (json) {          
            callback(json);

ourRequest = new XMLHttpRequest();
ourRequest.open("GET", "https://dividendlook.co.uk/Editor-PHP-1.9.0/controllers/ajax_stock_transactions.php");  
ourRequest.onload = function() {
obj =   ourRequest.responseText;    
myJSONobj =     JSON.parse(obj);
myJSONstr =    JSON.parse(JSON.stringify(obj));

console.log( myJSONobj );
console.log( myJSONstr );

console.log(myJSONobj[0].symbol);
console.log(myJSONobj[0].price);

document.getElementById("json_obj").innerHTML = myJSONobj;
document.getElementById("json_str").innerHTML = myJSONstr;
document.getElementById("json_symbol").innerHTML = myJSONobj[0].symbol;
document.getElementById("json_price").innerHTML = myJSONobj[0].price;
}
ourRequest.send();  

editor.field("dm_transactions.price").set(myJSONobj[0].price);
    }),{
        event: 'keyup change'
    };

    editor.dependent('dm_transactions.stock_id', function ( val, data, callback ){
        return { messages: { 'dm_transactions.price': 'Yesterday Close : ' + myJSONobj[0].price }};

    },{
    event: 'keyup change'
    });

生成的错误如下所示

(index):570 Uncaught TypeError: Cannot read property '0' of undefined
    at (index):570
    at HTMLDivElement.<anonymous> (dataTables.editor.js:2602)
    at HTMLDivElement.dispatch (jquery-3.3.1.js:5183)
    at HTMLDivElement.elemData.handle (jquery-3.3.1.js:4991)
    at Object.trigger (jquery-3.3.1.js:8249)
    at HTMLSelectElement.<anonymous> (jquery-3.3.1.js:8327)
    at Function.each (jquery-3.3.1.js:354)
    at jQuery.fn.init.each (jquery-3.3.1.js:189)
    at jQuery.fn.init.trigger (jquery-3.3.1.js:8326)
    at dataTables.editor.js:9159

如果我能帮助我将此代码集成到上面所示的datatables代码中，我们将不胜感激。Colin

您的PHP代码的响应是一个关联数组，一旦

json_编码

就变成了一个对象数组。因此，要访问单个值，您需要迭代数组，或者，如果查询只返回一行，您可以简单地使用

[0]

元素，例如

console.log(myJSON[0].symbol);
console.log(myJSON[0].price);

PHP代码的响应是一个关联数组的数组，一旦

json\u编码

就变成了一个对象数组。因此，要访问单个值，您需要迭代数组，或者，如果查询只返回一行，您可以简单地使用

[0]

元素，例如

console.log(myJSON[0].symbol);
console.log(myJSON[0].price);

PHP脚本返回一个数组（

array\u push

，

[{…}]

）。相应地对待它。去掉JSON.stringify（对象），因为响应已经是一个字符串

var myJSON=JSON.parse（JSON.stringify（obj））

应该是

var myJSON=JSON.parse（obj）现在，您可以将已经是字符串的内容字符串化。您的PHP脚本将返回一个数组（array\u push
，[{…}]
）。相应地对待它。去掉JSON.stringify（对象），因为响应已经是一个字符串var myJSON=JSON.parse（JSON.stringify（obj））
应该是var myJSON=JSON.parse（obj）现在你把已经是字符串的东西字符串化了。谢谢，我很欣赏JSON是一个数组，我的错误是，更改MyJSON=JSON.parse（obj）和MyJSON[0].price等的组合解决了这个问题。非常感谢ColinI在通话中添加了一些内容，显示了我试图将代码集成到datatables.net代码中的尝试，上面显示了详细信息，如果您对thsi有任何帮助，我们将不胜感激。谢谢Colin。我是否可以就这个问题再打一次电话？Colin@colin很抱歉反应太慢-我一直在睡觉。看起来您正在尝试设置editor.field（“dm_transactions.price”）.set（myJSONobj[0].price）在回调之外发送ourRequest
，因此此时不会设置myJSONobj
。你好，Nick，感谢你的回复，抱歉我的延迟，我尝试在回调中使用全局变量设置值，并将编辑器字段值设置为变量，但无效，因此，我可能需要返回datatables.net以获得解决方案。谢谢ColinHi谢谢，我很感激JSON是一个数组，我的错误是，更改MyJSON=JSON.parse（obj）和MyJSON[0].price等的组合解决了这个问题。非常感谢ColinI在通话中添加了一些内容，显示了我试图将代码集成到datatables.net代码中的尝试，上面显示了详细信息，如果您对thsi有任何帮助，我们将不胜感激。谢谢Colin。我是否可以就这个问题再打一次电话？Colin@colin很抱歉反应太慢-我一直在睡觉。看起来您正在尝试设置editor.field（“dm_transactions.price”）.set（myJSONobj[0].price）在回调之外发送ourRequest
，因此此时不会设置myJSONobj。你好，Nick，感谢你的回复，抱歉我的延迟，我尝试在回调中使用全局变量设置值，并将编辑器字段值设置为变量，但无效，因此，我可能需要返回datatables.net以获得解决方案。谢谢，科林
(index):570 Uncaught TypeError: Cannot read property '0' of undefined
    at (index):570
    at HTMLDivElement.<anonymous> (dataTables.editor.js:2602)
    at HTMLDivElement.dispatch (jquery-3.3.1.js:5183)
    at HTMLDivElement.elemData.handle (jquery-3.3.1.js:4991)
    at Object.trigger (jquery-3.3.1.js:8249)
    at HTMLSelectElement.<anonymous> (jquery-3.3.1.js:8327)
    at Function.each (jquery-3.3.1.js:354)
    at jQuery.fn.init.each (jquery-3.3.1.js:189)
    at jQuery.fn.init.trigger (jquery-3.3.1.js:8326)
    at dataTables.editor.js:9159

editor.field("dm_transactions.price").set(myJSONobj[0].price);


console.log(myJSON[0].symbol);
console.log(myJSON[0].price);