如何防止在django中重新加载html页面答案

【问题标题】：how to prevent html page reload in django如何防止在django中重新加载html页面
【发布时间】：2020-06-11 03:16:32
【问题描述】：

 <html>
<head>
</head>
<br>
<body>
<h2><center>Choose your pose</center></h2>  
<div><center>
<datalist id="languages">
<option value="dancers-pose">
<option value="mountain-pose">
<option value="pranamasana">
<option value="tree-pose">
<option value="triangle-pose">
<option value="warrior-pose"> 
</datalist>
<input type="text" id = "abc" list="languages">
<br>
<br>
</center>
</div>
<div>
<center>
<h2>Upload your image</h2> 
<form method='POST' enctype="multipart/form-data">
{% csrf_token %}
<input type = "file" name="document">
<br>
<button type = "submit">upload file</button>
</center>
</form>
</div>

<div>
<center>
<button type="button" onClick = "myFun()">Get Results</button> 
</center>
</div>

<script>
function myFun(){
var try_pose = document.getElementById("abc").value;
console.log(try_pose);
try_pose1 = try_pose + ".jpg";

console.log(try_pose1);
</script>
</body>
</html>

上面是我的html文件

def full(request):
if(request.method == 'POST'):
    files = glob.glob('media/*')
    for f in files:
        os.remove(f)

    uploaded_file = request.FILES['document']
    fs = FileSystemStorage()
   # uploaded_file.name = 'temp.jpg'
    fs.save(uploaded_file.name, uploaded_file)
    path = "media" + "/" + uploaded_file.name
   # im = Image.open("media/temp.jpg")
    im = Image.open(path)    
    im = im.resize((620,620))
    width, height = im.size
    im= im.save("media/temp.jpg")

return render(request,'full.html')

以上代码存在于我的 views.py 中。提交图像时，文本框中的数据丢失可能是因为重新加载了页面。我请求一个解决方案，它可能是对上述代码的一个小改动，它不会重新加载页面，这样我就可以稍后在 javascript 函数 myfun() 中访问文本框的值。

【问题讨论】：

标签： javascript html django django-views django-templates

【解决方案1】：

如果您不想在提交时重新加载页面，则应该使用 Ajax，否则没有适当的解决方案可以防止页面在提交事件时重新加载。这是视频link 使用 ajax 和表单。

【讨论】：