23.11.10(Ajax和Json的数据传输问题)

发布时间 2023-11-10 22:40:31作者: a_true

使用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>