继承项目中，如何在浏览器查看.NET Core数据传递至jQuery的流程？

一、用浏览器开发者工具抓API请求（最直接） #

• 打开浏览器按F12或右键选择「检查」，切换到Network标签页
• 勾选「Preserve log」（保留日志），刷新页面
• 在筛选栏选择「XHR/Fetch」，过滤出异步请求
• 找路径包含/Events的请求（对应你的EventsController路由）
  • 点击该请求，查看Response标签，就能看到Controller返回的JSON格式数据
  • 查看Initiator（启动器）字段，能找到发起这个请求的JS文件及代码行，哪怕第三方JS混淆了，也能定位到调用位置
  • 切换到Request标签，能看到请求携带的from和to参数，和Controller的Get方法参数对应

二、手动调用API验证数据 #

直接在浏览器地址栏输入API地址，带上参数测试：

https://localhost:xxxx/Events?from=2024-01-01T00:00:00&to=2024-01-31T23:59:59

（把xxxx换成你的项目运行端口），页面会直接显示返回的JSON数据，确认Controller能正常输出数据。

三、用VS断点追踪调用时机 #

• 在EventsController的Get方法第一行加断点（点击代码行左侧空白处）
• 启动项目调试，当页面加载或日历组件刷新时，断点会触发，说明前端正在调用这个API
• 此时可以确认API确实被触发，结合浏览器的网络请求就能对应上数据流向

四、定位第三方组件的数据源配置 #

这类调度日历jQuery组件通常会在初始化时配置数据源URL，自动发起请求。如果第三方JS混淆了，可按以下操作：

• 打开浏览器开发者工具的Sources标签
• 找到第三方JS文件，点击底部的{}按钮格式化混淆代码
• 搜索关键词：Events、from、to、get或者日期相关字段，大概率能找到组件初始化时配置API地址的代码

内容的提问来源于stack exchange，提问作者Fandango68