Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.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 如何向django网站添加预加载程序?_Javascript_Jquery_Django_Ajax_Preloader - Fatal编程技术网

Javascript 如何向django网站添加预加载程序?

Javascript 如何向django网站添加预加载程序?,javascript,jquery,django,ajax,preloader,Javascript,Jquery,Django,Ajax,Preloader,我在django中制作了一个web应用程序,通过表单获取一些输入, 在django视图中执行一些长时间的计算,将结果存储在上下文中,并在其他模板中呈现结果。在提交输入和显示结果之间,我想显示一个加载页面,但我找不到任何资源可以以某种简单的逐步方式解释我 任何资源或参考资料都会有所帮助。 谢谢解决方案是使用AJAX请求提交输入。一旦发出请求,就显示加载程序,完成(成功回调)后,重定向到另一个视图或显示结果而不是加载程序 逐步: 设置收集所有用户输入的ajax请求(前端) 用户提交表单后立即使用加

我在django中制作了一个web应用程序,通过表单获取一些输入, 在django视图中执行一些长时间的计算,将结果存储在上下文中,并在其他模板中呈现结果。在提交输入和显示结果之间,我想显示一个加载页面,但我找不到任何资源可以以某种简单的逐步方式解释我

任何资源或参考资料都会有所帮助。
谢谢

解决方案是使用AJAX请求提交输入。一旦发出请求,就显示加载程序,完成(成功回调)后,重定向到另一个视图或显示结果而不是加载程序

逐步:

  • 设置收集所有用户输入的ajax请求(前端)
  • 用户提交表单后立即使用加载程序显示div(前端)
  • 将表单提交到url(连接到视图),该url捕获post请求并处理输入(后端)
  • JsonResponse
    (后端)的形式返回该视图的结果
  • 使用ajax请求的成功回调(前端)呈现结果
  • 在该回调中隐藏loader div(前端)

谢谢@Vincent。是他们的任何教程,我可以遵循。“我很难再继续下去了。”@Razeun你可以看看:。django版本稍旧,但步骤相同