讲师中心 微信公众号
AI工具推荐 视频效率加速

如何在 AJAX 调用后重定向回原始页面

风强姑娘_8570

风强姑娘_8570

发布时间:2026-09-02 15:06:33

|

612人浏览过

|

来源于php中文网

原创

如何在 AJAX 调用后重定向回原始页面

本文介绍在 Go Web 开发中,如何在处理完 AJAX POST 请求后安全、可靠地重定向用户回到发起请求的原始页面,核心是利用 HTTP Referer 头结合 http.Redirect 实现无感知跳转。

本文介绍在 go web 开发中,如何在处理完 ajax post 请求后安全、可靠地重定向用户回到发起请求的原始页面,核心是利用 http `referer` 头结合 `http.redirect` 实现无感知跳转。

在基于 Go 的 Web 应用中,当某个控制器(如 AddLike)被前端通过 AJAX 提交时,服务端默认响应的是该 API 路径(例如 /addlike)本身——这会导致用户手动刷新或误操作时看到空白页或 404,破坏体验。但需注意:AJAX 请求本身不会自动跟随 HTTP 重定向响应(如 302 Found),浏览器会将重定向结果作为 AJAX 响应体接收,而不会真正跳转页面。

因此,真正的“重定向回原页面”必须由前端主动配合完成。服务端仅需返回明确的跳转目标(如原始 URL),前端再调用 window.location.href 或 history.back() 实现跳转。以下是推荐的完整实践方案:

✅ 推荐做法:服务端返回目标 URL,前端执行跳转

服务端(Go):

AJAX技术—无刷新获取数据相关课件
AJAX技术—无刷新获取数据相关课件

AJAX技术—无刷新获取数据相关课件

下载
func AddLike(w http.ResponseWriter, r *http.Request) {
    sess := session.Instance(r)
    params := context.Get(r, "params").(httprouter.Params)
    name := params.ByName("name")

    // 执行点赞逻辑(数据库操作、缓存更新等)
    // ...

    // 安全获取来源页 URL(优先使用 Referer,可选 fallback)
    referer := r.Header.Get("Referer")
    if referer == "" || !isValidReferer(referer) { // 建议校验域名防开放重定向
        referer = "/" // 默认首页 fallback
    }

    // 返回 JSON 响应,含跳转地址(非 HTTP 重定向!)
    w.Header().Set("Content-Type", "application/json")
    json.NewEncoder(w).Encode(map[string]string{
        "success": true,
        "redirect": referer,
    })
}

? isValidReferer(url) 示例(防止开放重定向漏洞):

func isValidReferer(u string) bool {
    parsed, err := url.Parse(u)
    if err != nil {
        return false
    }
    return parsed.Scheme == "http" || parsed.Scheme == "https"
}

前端(JavaScript):

fetch('/addlike', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: new URLSearchParams({ name: 'post123' })
})
.then(res => res.json())
.then(data => {
    if (data.success && data.redirect) {
        window.location.href = data.redirect; // 真正触发页面跳转
    } else {
        alert('操作成功,但无法返回上一页');
    }
})
.catch(err => console.error('AJAX error:', err));

⚠️ 注意事项

  • ❌ 不要在 AJAX 中直接使用 http.Redirect:它会返回 302 响应,但 XMLHttpRequest / fetch 不会自动跳转,只会把重定向后的 HTML 内容当作响应体,导致前端逻辑混乱。
  • ✅ Referer 头虽常用,但不可完全信任(可能为空、被客户端屏蔽或伪造),务必做空值判断与白名单校验。
  • ? 若需更高安全性,可在发起 AJAX 时显式携带来源路径(如 <input type="hidden" name="return_to" value="/post/abc">),服务端优先使用该字段。

总结

AJAX 场景下的“返回原页面”,本质是前后端协作:服务端提供可信的目标 URL,前端负责执行导航。这种方式既符合 RESTful 设计原则,又规避了重定向陷阱,同时兼顾安全性与兼容性。

热门AI工具

更多
Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

相关专题

更多
ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2880

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

360

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2713

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1161

2024.09.24

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

20

2026.10.16

OpenJDK怎么配置Java开发环境
OpenJDK怎么配置Java开发环境

怎样用OpenJDK搭建开发环境?本专题介绍版本选择、下载安装、环境变量配置和编译运行验证,帮助你理清JDK的作用及基本配置流程,并通过简单程序检查环境是否可用,为后续项目开发做好准备。

20

2026.10.16

OpenJDK怎么部署Java应用
OpenJDK怎么部署Java应用

Java项目开发完成后,怎样部署到目标环境并正常运行?本专题介绍OpenJDK应用部署流程,涵盖运行环境准备、版本兼容检查、应用打包、启动参数配置和日志查看,帮助你理清部署前后的操作顺序,减少环境差异造成的运行问题。

0

2026.10.16

Revel框架模板渲染与表单验证
Revel框架模板渲染与表单验证

本专题围绕Revel框架视图层开发,介绍模板语法、变量输出、布局复用、表单提交、参数绑定与验证规则,帮助开发者完成安全规范的页面交互。

20

2026.10.16

Revel框架MVC路由与控制器
Revel框架MVC路由与控制器

本专题聚焦Revel框架MVC核心机制,讲解路由定义、控制器Action、参数绑定、请求响应和反向路由,并结合常见场景梳理接口请求处理流程。

20

2026.10.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery官方API文档
jQuery官方API文档

共0课时 | 0人学习

Symfony教程(入门篇+基础篇)
Symfony教程(入门篇+基础篇)

共18课时 | 1.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn