如何打印从JavaScript到html的内容

我使用JavaScript从数据库

Parse.com

获取数据。此外，我还使用

html

创建了我的网页

我的问题是我无法将数据从JavaScript打印到html。我的代码更详细，如下所示：

我的

放在html的

标记中：

    <script type="text/javascript" >

 Parse.initialize("Key", "Key");
        var order = Parse.Object.extend("MainBranch");
        var query = new Parse.Query(order);
        var orid ;

        query.find({
        success: function(results) {

        alert("Successfully retrieved " + results.length + " Orders."); //here every things workings well which mean it reached to Parse.com (database) successfully  
        },
        error: function(error) {
        alert("Error: " + error.code + " " + error.message);
        }
        });


        query.get("ZL8OcUjnJX", {
        success: function(object) {
         orid= object.get("OrderId");    

        },

        error: function(object, error) {
        // error is an instance of Parse.Error.
        }
        });

        function showinfo(){

        document.write(orid);

        }
</script>

---

我这样做的方式是把整个东西放在函数中。我不相信运行'showinfo（）'时定义了

orid

试着这样做：

函数showinfo（回调）{
初始化（“Key”，“Key”）；
var order=Parse.Object.extend（“MainBranch”）；
var query=新的Parse.query（订单）；
var-orid；
查询.查找({
成功：功能（结果）{
警报（“成功检索”+results.length+“Orders.”）；//这里的每件事都运行良好，这意味着它成功地到达了Parse.com（数据库）
},
错误：函数（错误）{
警报（“错误：+Error.code+”“+Error.message”）；
}
});
get（“ZL8OcUjnJX”{
成功：功能（对象）{
orid=object.get（“OrderId”）；
返回回调（orid）；
},
错误：函数（对象，错误）{
返回false；
//error是Parse.error的一个实例。
}
});
};

那么您的HTML:

<script type="text/javascript"> 
      showinfo(function(result) {
        document.write(result);
      });
</script> 

showinfo（功能（结果）{
记录（结果）；
});

初始化（“Key”，“Key”）；
var order=Parse.Object.extend（“MainBranch”）；
var query=新的Parse.query（订单）；
var-orid；
查询.查找({
成功：功能（结果）{
警报（“成功检索”+results.length+“Orders.”）；//这里的每件事都运行良好，这意味着它成功地到达了Parse.com（数据库）
},
错误：函数（错误）{
警报（“错误：+Error.code+”“+Error.message”）；
}
});
get（“ZL8OcUjnJX”{
成功：功能（对象）{
orid=object.get（“OrderId”）；
document.getElementById（“intro”）.innerHTML=orid；
},
错误：函数（对象，错误）{
//error是Parse.error的一个实例。
}
});

HTML

你用
console.log（orid）
检查过
orid
是否存在吗？我对Parse.com一无所知，但我猜query.get是一个异步函数，你试图在它被设置之前引用它。orid是我在derek\u duncanummm定义的一个变量，那么你知道在它被设置之后我如何引用它吗@Barbaralaird在success函数中，执行一个document.getElementById（“intro”）.innerHTML=orid；去掉对htmlIt中showinfo（）的调用，但是document.write（）删除了保存在var orid@derek_duncanThanks@derek_duncanSure thing@Noha中的所有打印数据，如果你能像我在这里学习如何使用回调函数，当您遇到异步函数时，它将极大地帮助您：）非常感谢！！你让我的日子变得野蛮
<script type="text/javascript" >
 function showinfo(callback) {
   Parse.initialize("Key", "Key");
        var order = Parse.Object.extend("MainBranch");
        var query = new Parse.Query(order);
        var orid ;

        query.find({
        success: function(results) {

        alert("Successfully retrieved " + results.length + " Orders."); //here every things workings well which mean it reached to Parse.com (database) successfully  
        },
        error: function(error) {
        alert("Error: " + error.code + " " + error.message);
        }
        });


        query.get("ZL8OcUjnJX", {
        success: function(object) {
         orid= object.get("OrderId");    
         return callback(orid);
        },

        error: function(object, error) {
         return false;
        // error is an instance of Parse.Error.
        }
    });
 };
</script>

<script type="text/javascript"> 
      showinfo(function(result) {
        document.write(result);
      });
</script> 

   <script type="text/javascript" >

 Parse.initialize("Key", "Key");
        var order = Parse.Object.extend("MainBranch");
        var query = new Parse.Query(order);
        var orid ;

        query.find({
        success: function(results) {

        alert("Successfully retrieved " + results.length + " Orders."); //here every things workings well which mean it reached to Parse.com (database) successfully  
        },
        error: function(error) {
        alert("Error: " + error.code + " " + error.message);
        }
        });


        query.get("ZL8OcUjnJX", {
        success: function(object) {
         orid= object.get("OrderId");    
         document.getElementById("intro").innerHTML = orid;
        },

        error: function(object, error) {
        // error is an instance of Parse.Error.
        }
        });

</script>

<tr>
    <td><input type="checkbox" name="myTextEditBox" value="checked"</td> 
    <td id="intro"></td>
</tr>