从弹出模式调用AJAX

时间:2016-06-14 09:26:19

标签: jquery ajax servlets bootstrap-modal

尝试从模态弹出窗口调用AJAX请求。

function exportReport(){
$.ajax({
        url : 'exportReport',
        data : {
            from : fromDate,
            to : toDate
        },
        success : function(responseText) {
            alert("Success");
        }
    });
    }

Servlet:

@WebServlet("/exportReport")
public class GenerateReportServlet extends HttpServlet {

}

main.jsp中:

<%@ page language="java" session="false" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<head>
....................
<div class="modal fade" id="myModal" role="dialog">
<button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" onclick="exportReport()">Export</button>
</div>
....................
</html>

main.jsp位于webapps\views内。此导出按钮位于弹出模式div中。点击导出正在呼叫,

http://localhost:8080/myApp/views/exportReport?from=1465972200000&to=1465107600000并且是HTTP状态404.它应该像http://localhost:8080/myApp/exportReport?from=1465972200000&to=1465107600000/views/如何进入网址。

1 个答案:

答案 0 :(得分:1)

设置网址时应该更具体,否则会将其附加到当前网址。

在AJAX调用中使用url : '/myApp/exportReport'

前导斜杠表示网址绝对

省略前导斜杠会使网址相对成为当前网址。