JS中将控制台log输出显示到浏览器中

摘要:
控制台日志输出显示在JS中进行浏览。1.后台有时需要将返回的请求数据打印到Chrome中的控制台中,以便于数据比较,并比较实际返回的数据是否与API约定的数据一致。此时,您需要添加控制台。日志片段到代码,以将数据限制到浏览器的控制台。

JS中将控制台log输出显示到浏览中


一、背景

有时候需要,将返回的请求数据打印在Chrome中的控制台中,方便对比数据,对比实际返回数据是否和API约定数据一致。这时需要在代码中添加console.log 片段,将数据限制在浏览器的控制台中。


二、操作

在代码添加需要返回的数据,并打印出来,在浏览器中查看。

(1)在代码中添加():

        console.log(resultXML);//将数据打印

        return resultXML;//返回数据

(2)完整代码:

        var resultXML = '<assessmentResult>'
            +               '<itemResult>'
            +                   '<outcomeVariable identifier="completionStatus">'
            +                       '<value>' + completionStatus + '</value>'
            +                   '</outcomeVariable>'
            +                   '<outcomeVariable identifier="SCORE">'
            +                       '<value>' + score + '</value>'
            +                   '</outcomeVariable>'
            +                   '<responseVariable identifier="duration">'
            +                       '<candidateResponse>'
            +                           '<value>' + duration + '</value>'
            +                        '</candidateResponse>'
            +                   '</responseVariable>'
            +                   '<responseVariable identifier="numAttempts">'
            +                       '<candidateResponse>'
            +                           '<value>' + numAttempts + '</value>'
            +                        '</candidateResponse>'
            +                   '</responseVariable>'
            +                   '<responseVariable identifier="' + responseObj.identifier + '" cardinality="' + responseObj.cardinality + '" baseType="' + responseObj.baseType + '">'
            +                        '<correctResponse>' + correctResponse + '</correctResponse>'
            +                       '<candidateResponse>' + candidateResponse + '</candidateResponse>'
            +                   '</responseVariable>'
            +               '</itemResult>'
            +            '</assessmentResult>';
        console.log(resultXML);//将数据打印

        return resultXML;//返回数据


(3)在Chrome下的NetWork下查看返回数据,如下图:


JS中将控制台log输出显示到浏览器中第1张


实际返回,将其放在WS下,再按Ctrl+Shift+F,将数据排版成XML格式:

<assessmentResult>
    <itemResult>
        <outcomeVariable identifier="completionStatus">
            <value>FAILED</value>
        </outcomeVariable>
        <outcomeVariable identifier="SCORE">
            <value>0</value>
        </outcomeVariable>
        <responseVariable identifier="duration">
            <candidateResponse>
                <value>6</value>
            </candidateResponse>
        </responseVariable>
        <responseVariable identifier="numAttempts">
            <candidateResponse>
                <value>1</value>
            </candidateResponse>
        </responseVariable>
        <responseVariable identifier="RESPONSE_1-1" cardinality="ordered" baseType="identifier">
            <correctResponse>
                <value>A</value>
                <value>B</value>
                <value>C</value>
                <value>D</value>
                <value>E</value>
            </correctResponse>
            <candidateResponse>
                <value>C</value>
                <value>E</value>
                <value>D</value>
                <value>A</value>
                <value>B</value>
            </candidateResponse>
        </responseVariable>
    </itemResult>
</assessmentResult>

(4)将其和实际开发API对比



免责声明:文章转载自《JS中将控制台log输出显示到浏览器中》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Eclipse查看某个方法被哪些类调用关于STM32F103系列从大容量向中容量移植的若干问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

LodopJS代码模版的加载和赋值

Lodop模版有两种方法,一种是传统的JS语句,可以用JS方法里的eval来执行,一种是文档式模版,是特殊格式的base64码,此篇博文介绍JS模版的加载和赋值。两种模版都可以存入一下地方进行调用,比如数据库等。 JS模版的生成,可查看本博客的相关博文:Lodop的JS模版代码、文档式模版 生成加载赋值博文索引 关于该JS模版的加载,需要使用JS里的一个方...

关于微信JS-SDK 分享接口的两个报错记录

一、前提: 微信测试号,用微信开发者工具测试 二、简单复述文档: 1、引入JS文件 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.4.0.js 如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/j...

js 默认选中select 选项

<select style=" 150px;"><option value="0">请选择</option><asp:Repeater runat="server"><ItemTemplate><option value="<%#Eval("code") %>"><%...

公众号微信支付流程-(转)

微信支付类型 微信支付实际上有很多种不同的类型,具体要使用哪一种就需要根据不同的应用场景来选择,官方给出的参考例子: 刷卡支付:用户打开微信钱包的刷卡的界面,商户扫码后提交完成支付。 公众号支付:用户在微信内进入商家H5页面,页面内调用JSSDK完成支付 扫码支付:用户打开"微信扫一扫“,扫描商户的二维码后完成支付 APP支付:商户APP中集成微信SD...

js正则表达式限制文本框只能输入数字,小数点,英文字母

1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点.<input onkeyup="if...

【译】C++日志(Logging in C++)

声明:原创翻译,转载请注明出处!http://www.cnblogs.com/mewmicro/p/6432507.html 注:作者Petru Marginean,2007/09/05   日志记录是用于故障排除和维护软件系统的关键技术。Petru提供了一种类型安全,线程安全和可移植的C ++日志框架。           日志记录是用于故障排除和维护软...