### HTML Form 表单提交后的页面重定向方法 当希望在表单提交之后执行特定的页面跳转操作而不只是默认行为时，可以采用多种方式来实现这一需求。 #### 使用服务器端脚本控制重定向 一种常见的方式是在服务器接收到表单数据并处理完毕后返回一个HTTP状态码3xx给客户端浏览器指示其访问新的URL。对于Python Django框架而言，在视图函数中可以通过`render`或者`redirect`等内置辅助函数完成此功能[^3]： ```python from django.shortcuts import redirect def submit_form(request): if request.method == 'POST': form = MyForm(request.POST) if form.is_valid(): # 处理表单逻辑... return redirect('/success/') # 跳转至成功页 else: form = MyForm() context = {'form': form} return render(request, 'submit_page.html', context) ``` #### 利用JavaScript实现在前端进行重定向 如果倾向于在前端解决问题，则可以在表单元素上绑定事件监听器，并通过JavaScript阻止默认动作再手动设置location.href属性指向目标地址；也可以借助于某些库或框架提供的API接口如jQuery中的`.ajax()`请求配合回调机制达到相同效果[^2]: ```javascript document.querySelector('#my-form').addEventListener('submit', function(event){ event.preventDefault(); // 阻止自动刷新 const formData = new FormData(this); fetch('/', { method: 'POST', body: formData, }).then(response => response.json()) .then(data => window.location.href='/thankyou/'); }); ``` #### 设置action属性指定提交的目标位置 最简单直接的办法就是调整HTML `<form>`标签里的`action`参数值为期望加载的新网页链接，这样一旦点击按钮就会触发GET/POST请求并将结果展示出来[^1]： ```html <form action="/target-page/" method="post"> <!-- 输入字段 --> </form> ``` 另外值得注意的是，有时候可能还需要考虑跨域资源共享(CORS)策略以及同源政策等因素的影响，确保整个流程顺利无误地运行下去[^4]。