javascript - 使用 Dojo 在控制台中显示来自表单的数据

Question

我在控制台中显示用户输入的数据时遇到问题(仅使用 Dojo，按下提交按钮后)。现在它显示“名称:[Widget dijit.form.TextBox，dijit_form_TextBox_2]”

我的非动态 HTML 代码:

  <div class="NameContainer">
    <label class="label1" for="name">Name:</label>
    <input data-dojo-attach-point="nameInputData" type="text" name="name1"
        data-dojo-type="dijit/form/TextBox"
        data-dojo-props="trim:true, propercase:true"/>
  </div>
<button data-dojo-type="dijit.form.Button" type="button"  data-dojo-attach-point="submitButton"  data-dojo-attach-event="onClick:_submitDetails">Submit</button>

JS函数(this.nameData.value我也试过，但是好像不存在):

_submitDetails: function () {
      var nameData = this.nameData;
      console.log("Name: " + nameData);
    }

Answer 1

使用 , 而不是 +，这将传递一个可在屏幕上点击的单独参数，而不是调用 toString()在对象上将其与字符串连接起来。

console.log("Name: ", nameData);

我实际上更喜欢下面的，因为它给了你变量的名字

console.log({nameData});

对于那些非交互式控制台的，比如node JS，你可以使用JSON.stringify把它变成一个可读的字符串，只要对象没有循环引用