Ajax 调用未从控制器返回成功

Question

在下面的代码中，我正在执行 ajax 调用并调用控制器“/反馈”，并且从控制器中，我返回一个字符串值作为“Y”。但是每次，它都会将我重定向到错误 Jsp。

任何帮助将不胜感激。

Ajax 调用：

document.getElementById("modal_feedback").addEventListener("submit", function(e) {
        var form = this;
         var name = form.name.value;
         var rating = form.overall.value;
         var msg = form.message.value;
         if(name == "") {
           alert("Please enter your Name");
         form.name.focus();
         e.preventDefault();
         } else if(rating == "") {
            alert("Please select a rating");
         form.overall[0].focus();
         e.preventDefault();
          } else if(msg == "") {
             alert("Please enter your comment in the Message box");
          form.message.focus();
         e.preventDefault();
       }
       $.ajax({
          type: "POST",
          url: "feedbackData.htm?ratingId="+rating+"&msg="+msg,
          success: function(response) {
         console.debug(response);
         if(response == 'Y'){
         $('#contact_form').html("<div id='message'></div>");
         $('#message').html("<h2>Contact Form Submitted!</h2>")
        .append("<p>We will be in touch soon.</p>")
        .hide()
        .fadeIn(1500, function() {
            $('#message').append("<img id='checkmark' src='images/icon_pdf.png' />");
          });
    }
    }
  });
  return false;

}, false);

控制器代码：

@RequestMapping(value = "/feedbackData")
    public @ResponseBody String getFeedbackData(String ratingId, String msg) throws UnsupportedEncodingException{
        System.out.println("Inside FeedbackController..");
        try{
            feedbackService.updateFeedback(ratingId,msg);
            return "Y";
        }catch(Exception e)
        {
            logger.error("Exception in Login :" + e);
            return "N";
        }
    }
}

Answer 1

我已经尝试过数据类型：“html”，它开始返回响应而不是 error.jsp。更新JS代码如下

      document.getElementById("modal_feedback").addEventListener("submit", function(e) {
      e.preventDefault();   
      var form = this;
      var name = form.name.value;
      var rating = form.overall.value;
      var msg = form.message.value;
          if(name == "") {
             alert("Please enter your Name");
             form.name.focus();
             e.preventDefault();
          } else if(rating == "") {
      alert("Please select a rating");
      form.overall[0].focus();
      e.preventDefault();
      } else if(msg == "") {
         alert("Please enter your comment in the Message box");
         form.message.focus();
         e.preventDefault();
     }
     $.ajax({
    type: "POST",
    url: "feedbackData.htm?ratingId="+rating+"&msg="+msg,
    async : false,
    dataType: "html",
    success: function(response) {
        console.debug(response);
        if(response == 'Y'){
        $('#modal_window').html("<div id='message'></div>");
        $('#message').html("<h2>Feedback Form Submitted!</h2>").append("<p>We will be in touch soon.</p>")
        }
    },
    error : function(e) {
        alert('Error: ' + e);
    }
  });
   return false;
});

Answer 2

尝试通过添加 dataType : "html" 来更新您的 ajax 代码，以便它接受如下字符串形式的响应：

$.ajax({
    type: "GET",
    url: "feedbackData.htm?ratingId="+rating+"&msg="+msg,
    dataType: "html",
    success: function(response) {
        console.debug(response);
        if(response == 'Y'){
            $('#contact_form').html("<div id='message'></div>");
            $('#message').html("<h2>Contact Form Submitted!</h2>")
            .append("<p>We will be in touch soon.</p>")
            .hide()
            .fadeIn(1500, function() {
                $('#message').append("<img id='checkmark' src='images/icon_pdf.png' />");
            });
        }
    }
});

另请阅读jquery ajax官方文档以获取更多说明here