使用javascript从txt文件读取文本并显示在引导模式对话框中(通过敲除绑定)
我正在尝试编写一个函数,它将从一个.txt文件(目前该文件位于网站的根目录中)读取数据,然后在一个模式对话框中显示它。当我调试modal时,我感觉我就快到了,因为文件被识别出来了,但它没有显示任何内容: HTML按钮:使用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"&
<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">×</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>