23.11.10(Ajax和Json的数据传输问题)
使用Ajax写查询功能,后端数据一直传不到前端,遇到parse解析的卡住
原因:传来的json数据格式不正确,后端Java还respond了一个success
解决方法:把success去掉
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $.ajax({ url: "http://localhost:8080/card_search", // 替换为您的 Servlet 地址 type: 'GET', success: function(data) { alert(123) alert(data) //var card = data; //var cardData1 = JSON.parse(data); // 解析 JSON 数据 var cardData = JSON.parse(data.replace('success', '')) ; // 去掉最前面的"success alert(cardData) //var cardData = JSON.stringify(data); alert(321) document.getElementById('cardDetails').innerHTML = "Card ID: " + cardData.CardId + "<br>Card Data: " + cardData.CardData + "<br>Course Name: " + cardData.CourseName + "<br>Course Teacher: " + cardData.CourseTeacher + "<br>CourseID: " + cardData.CourseID + "<br>CourseNature: "+ cardData.CourseNature + "<br>Credit: " + cardData.Credit + "<br>CourseClass: " + cardData.CourseClass + "<br>CourseMajor: "+ cardData.CourseMajor + "<br>TestWay: " + cardData.TestWay + "<br>TestDate: " + cardData.TestDate + "<br>TestCount: " + cardData.TestCount + "<br>TestMethod: " + cardData.TestMethod + "<br>TestGrade: " + cardData.TestGrade + "<br>TestEvaluation: " + cardData.TestEvaluation + "<br>TestAnalysis: " + cardData.TestAnalysis + "<br>Professional: " + cardData.Professional + "<br>ProfessionalConclusion: " + cardData.ProfessionalConclusion + "<br>ReasonableConclusion: " + cardData.ReasonableConclusion + "<br>AuditStatus: " + cardData.AuditStatus; // 在这里继续处理其他字段并显示在页面上 } }); }); </script>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)