javascript - Ajax 成功数据返回完整的 HTML 页面

Question

我正在使用带有日期选择器字段的 iFrame 类 JSP 页面。从选择器中选择日期后，我使用 jQuery AJAX 调用将日期发送到 Struts Action，如下所示:

$( "#datepickerStart" ).datepicker({
  onSelect: function(dateText, instance) {//date select from picker to trigger
  $.ajax({
    type: "Post",// post method
    url: 'checkAvailability.do?operation=getlist&datepickerStart='+ ("#datepickerStart").val(), // passing URL with date value to STRUTS Action
    data: "date="+date,
    //dataType: "application/json",
    success: function(data) {
      alert(data); //getting with the complete HTML page
    }
  }); 
 }
});

我从数据库中获取 LIST 中的结果并转换为 JSON 对象，如下所示:

Gson gson = new Gson();// Using google GSON to convert to JSON
String json = new Gson().toJson(lRList);
response.setContentType("application/json");// setting content type
response.setCharacterEncoding("UTF-8"); //setting character encoder
response.getWriter().write(json);// writing to response the JSON object
System.out.println("JSON Object::"+json);

在标准输出中给出的结果如下:

JSON Object::[{"bookDate":"2014-07-11","fromTime":"2:00PM","totime":"3:30PM","userID":"XXX","isSuccess":false},
{"bookDate":"2014-07-11","fromTime":"10:30AM","totime":"11:00AM","userID":"XXX","isSuccess":false}]

但是 Ajax 成功中的警报给出了完整的 HTML 页面:(。我需要这些数据，并希望通过在 div 表中显示来填充同一个 JSP 中的值。那么任何人都可以帮助我解决这个问题并让我知道我在哪里犯了错误......

Answer 1

我认为你应该在ajax调用中使用get而不是post

    $( "#datepickerStart" ).datepicker({
      onSelect: function(dateText, instance) {//date select from picker to trigger
      $.ajax({
        type: "get",
        url: 'checkAvailability.do?operation=getlist&datepickerStart='+         ("#datepickerStart").val(), // passing URL with date value to STRUTS Action
        data: "date="+date,
        //dataType: "application/json",  
        success: function(data) {
          alert(data); //getting with the complete HTML page
        }
      }); 
     }
    });