实时代码编辑器 - 无法删除第一个字符(使用 XMLHttpRequest 和 flask)
Live code editor - cannot delete first character (using XMLHttpRequest and flask)
我有一个实时代码编辑器,我无法删除第一个字符,如果我 select 整个文本,然后按 delete
或 backspace
,它不会做任何事情.
我能做什么?
Html:
<!doctype html>
<html>
<head>
<title>Live Code editor</title>
</head>
<body>
<textarea id="text"></textarea>
</body>
</html>
Javascript:
let text=document.getElementById('text')
let xhr=new XMLHttpRequest()
function sendRequest(tobeSend,writeResponse) {
xhr.open('POST','/files/file.txt',false);
if(!tobeSend) { //if `tobeSend` not null
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
}
xhr.send(tobeSend);
if(writeResponse) {
text.value=xhr.responseText;
}
}
sendRequest(null,true)
text.addEventListener('input',function(e){sendRequest(text.value,false)})
setInterval(function(){let c={start:text.selectionStart,end:text.selectionEnd};sendRequest(null,true);text.setSelectionRange(c.start,c.end)},200)//fresh the code every 200 millisecond
Python/flask:
@app.route('/files/file.txt')
def file():
if request.method=='POST':
if request.form.text:
with open('files/file.txt','w') as f:
f.write(str(request.form.text))
with open('files/file.txt') as f:
return f.read()
注意:我知道,我不应该使用sync xhr,但是当我发送一个异步请求,并且我写了一些文本时,返回的异步函数删除了写入的文本(如果有人知道异步解决方案,我将不胜感激。
后来我发现了问题:
当我发送数据 "text="
、request.form.get("text")
returns ''
时,布尔值是 False
.
所以我将代码更改如下:
@app.route('/files/file.txt')
def file():
if request.method=='POST' or request.form.get("text")=='': #intead of `if request.form.get("text")`
if request.form.text:
with open('files/file.txt','w') as f:
f.write(str(request.form.text))
with open('files/file.txt') as f:
return f.read()
我有一个实时代码编辑器,我无法删除第一个字符,如果我 select 整个文本,然后按 delete
或 backspace
,它不会做任何事情.
我能做什么?
Html:
<!doctype html>
<html>
<head>
<title>Live Code editor</title>
</head>
<body>
<textarea id="text"></textarea>
</body>
</html>
Javascript:
let text=document.getElementById('text')
let xhr=new XMLHttpRequest()
function sendRequest(tobeSend,writeResponse) {
xhr.open('POST','/files/file.txt',false);
if(!tobeSend) { //if `tobeSend` not null
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
}
xhr.send(tobeSend);
if(writeResponse) {
text.value=xhr.responseText;
}
}
sendRequest(null,true)
text.addEventListener('input',function(e){sendRequest(text.value,false)})
setInterval(function(){let c={start:text.selectionStart,end:text.selectionEnd};sendRequest(null,true);text.setSelectionRange(c.start,c.end)},200)//fresh the code every 200 millisecond
Python/flask:
@app.route('/files/file.txt')
def file():
if request.method=='POST':
if request.form.text:
with open('files/file.txt','w') as f:
f.write(str(request.form.text))
with open('files/file.txt') as f:
return f.read()
注意:我知道,我不应该使用sync xhr,但是当我发送一个异步请求,并且我写了一些文本时,返回的异步函数删除了写入的文本(如果有人知道异步解决方案,我将不胜感激。
后来我发现了问题:
当我发送数据 "text="
、request.form.get("text")
returns ''
时,布尔值是 False
.
所以我将代码更改如下:
@app.route('/files/file.txt')
def file():
if request.method=='POST' or request.form.get("text")=='': #intead of `if request.form.get("text")`
if request.form.text:
with open('files/file.txt','w') as f:
f.write(str(request.form.text))
with open('files/file.txt') as f:
return f.read()