Javascript 如何仅输出'；他回来了？_Javascript_Json_Ajax

Javascript 如何仅输出'；他回来了？

javascript json ajax

Javascript 如何仅输出'；他回来了？,javascript,json,ajax,Javascript,Json,Ajax,我正在努力获取输入的数据，以便在我的AJAX请求中显示到span中，它通过外观显示整个对象。如何调整它，使其只输出输入的字符串 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Random Input</title> </head> <body> <form> <fieldse

我正在努力获取输入的数据，以便在我的AJAX请求中显示到span中，它通过外观显示整个对象。如何调整它，使其只输出输入的字符串

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Random Input</title>
</head>
<body>
    <form>
      <fieldset>
        <legend>Data Lookup</legend>
        <label for="data"></label>
        <input type="data" name="firstData" id="firstData" placeholder= "Input">
        <input type="submit" id="inputSubmit">
      </fieldset>
    </form>

  <h2>Output</h2>
<ul>
    <li>
  <span>Data Output: </span><span id="newData"></span></li>
 </ul>
<script src="input.js"></script>
</body>
</html>


随机输入
数据查找
输出


数据输出：

Javascript

document.addEventListener('DOMContentLoaded', bindButtons);

function bindButtons(){
  document.getElementById('inputSubmit').addEventListener('click', function(event){
    var req = new XMLHttpRequest();
    var payload = {firstData:null};
    payload.firstData = document.getElementById('firstData').value;
    req.open('POST', 'http://httpbin.org/post', true);
    req.setRequestHeader('Content-Type', 'application/json');
    req.addEventListener('load',function(){
      if(req.status >= 200 && req.status < 400){
        var response = JSON.parse(req.responseText);
        document.getElementById('firstData').textContent = response.firstData;
        document.getElementById('newData').innerHTML = response.data;
      } else {
        console.log("Error in network request: " + req.statusText);
      }});
    req.send(JSON.stringify(payload));
    event.preventDefault();
  });
}

document.addEventListener（'DOMContentLoaded'，bindButtons）；
函数bindButtons（）{
document.getElementById（'inputSubmit'）。addEventListener（'click'，函数（事件）{
var req=新的XMLHttpRequest（）；
var有效负载={firstData:null}；
payload.firstData=document.getElementById（'firstData'）。值；
请求打开（'POST'，'http://httpbin.org/post",对),；
setRequestHeader（'Content-Type'，'application/json'）；
请求addEventListener（'load'，function（）{
如果（请求状态>=200&请求状态<400）{
var response=JSON.parse（req.responseText）；
document.getElementById（'firstData'）.textContent=response.firstData；
document.getElementById（'newData'）.innerHTML=response.data；
}否则{
日志（“网络请求中的错误：+req.statusText”）；
}});
请求发送（JSON.stringify（有效负载））；
event.preventDefault（）；
});
}

更换以下部件：

document.getElementById（'newData'）.innerHTML=response.data带有
document.getElementById（'newData'）.innerHTML=JSON.parse（response.data）.firstData
希望这会有帮助
 尝试将类型更改为textHmmm，但这并没有修复它，但这是一个错误。我认为这可能与这行文档有关；