Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript从txt文件读取文本并显示在引导模式对话框中(通过敲除绑定)_Javascript_Html_Ajax_Knockout.js_Bootstrap Modal - Fatal编程技术网

使用javascript从txt文件读取文本并显示在引导模式对话框中(通过敲除绑定)

使用javascript从txt文件读取文本并显示在引导模式对话框中(通过敲除绑定),javascript,html,ajax,knockout.js,bootstrap-modal,Javascript,Html,Ajax,Knockout.js,Bootstrap Modal,我正在尝试编写一个函数,它将从一个.txt文件(目前该文件位于网站的根目录中)读取数据,然后在一个模式对话框中显示它。当我调试modal时,我感觉我就快到了,因为文件被识别出来了,但它没有显示任何内容: HTML按钮: <button class="btn btn-mini btn-success" data-toggle="modal" data-target="#openLog" data-bind="click: GetLog"&

我正在尝试编写一个函数,它将从一个.txt文件(目前该文件位于网站的根目录中)读取数据,然后在一个模式对话框中显示它。当我调试modal时,我感觉我就快到了,因为文件被识别出来了,但它没有显示任何内容:

HTML按钮:

<button class="btn btn-mini btn-success" 
        data-toggle="modal" 
        data-target="#openLog" 
        data-bind="click: GetLog">
        Start
</button>
HTML模式:

<div class="modal fade" id="openLog" tabindex="-1" role="dialog" aria-labelledby="openLogLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="openLogLabel">Today's Log</h4>
            </div>
            <div class="modal-body" id="logText">
                <script>
                    window.onload = function () {
                        dataServices.getLog();
                    }
                </script>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Javascript选择文件名ok,但不返回文本,因此模式弹出窗口为空。有人能帮我解决我的问题吗?谢谢。

您应该使用可观察的

var vm = {
  observable: ko.observable(''),
  getLog: function() {
      var self = this;
      return $.ajax({
          url: 'Text.txt',
          dataType: 'text',
          success: function (text) {
              self.observable(text);
          }
      })
  }
};
ko.applyBindings(vm);
vm.getLog();
在html中,你应该称之为

<div class="modal-body" id="logText">
    <span data-bind="text: observable"></span>
</div>

var vm = {
  observable: ko.observable(''),
  getLog: function() {
      var self = this;
      return $.ajax({
          url: 'Text.txt',
          dataType: 'text',
          success: function (text) {
              self.observable(text);
          }
      })
  }
};
ko.applyBindings(vm);
vm.getLog();
<div class="modal-body" id="logText">
    <span data-bind="text: observable"></span>
</div>