javascript - 使用 Native javascript 从 JSOn 中提取字段

标签 javascript html

有人可以帮我从translatedText中提取Sring吗?

{
    "data":{
        "translations":[
            {
                "translatedText":"நான் Google மொழிபெயர்ப்பாளர் இருந்து JSON பதில் சோதனை"
            }
        ]
    }
}

我的代码:

<head>
<script>
var xmlHttp = null;

function GetCustomerInfo()
{
    var CustomerNumber = document.getElementById( "sourceText" ).value;
    alert(CustomerNumber);
    var myKey = 'ttes';
    var Url = "https://www.googleapis.com/language/translate/v2?key="+ myKey + "&source=en&target=ta&q=" + CustomerNumber + "&prettyprint=true"

    xmlHttp = new XMLHttpRequest(); 
    xmlHttp.onreadystatechange = ProcessRequest;
    xmlHttp.open( "GET", Url, true );
    xmlHttp.send( null );
}

function ProcessRequest() 
{
    if ( xmlHttp.readyState == 4 && xmlHttp.status == 200 || xmlHttp.status == 304) 
    {
        if ( xmlHttp.responseText == "Not found" ) 
        {
            document.getElementById( "TextBoxCustomerName"    ).value = "Not found";
            document.getElementById( "TextBoxCustomerAddress" ).value = "";
        }
        else
        {
            var info = eval ( '(' + xmlHttp.responseText + ')' );

            // No parsing necessary with JSON!        
            document.getElementById( "translatedText" ).innerHTML = info.data[0].translations[0].translatedText;
        }                    
    }
}
</script>
</head>
<body>
<input id="sourceText"/>
<button onclick="GetCustomerInfo()">Translate Me</button>
<br>
<div id="translatedText">
</div>
</body>

但是translatedText总是空的!

最佳答案

var info = JSON.parse(responseText);    
var translation = info.data.translations[0].translatedText

关于javascript - 使用 Native javascript 从 JSOn 中提取字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21528584/

相关文章:

javascript - 以 Angular 或其他方式创建响应式顶部菜单(就像 Chrome 在调整页面大小时使用书签栏一样)

使用箭头键移动 div 的 Javascript 函数不起作用?

html - 在不影响文本的情况下使背景图像变暗

javascript - 什么是 WKWebView 的 WKErrorDomain 错误 4

javascript - 如何调用 JavaScript 函数而不必在 HTML 文件中多次编写?

Javascript float 问题与加法

javascript - 如何复制这种效果? CSS3

javascript - 当我将 window.onload 设置为两个不同的函数时,它仅运行一个函数

javascript - 使标签像输入按钮一样

javascript - 如果点击背景不工作隐藏容器