使href（锚标记）请求POST而不是GET作为传递参数

Question

问题是，当我使用以下方法时，会显示整个 URL。可能是因为 GET 请求 if href。我想避免这种情况，并且我想要 POST 请求。

index.html

<a id="ccviewMiniStatementId">View mini statement</a>

nonFinancial.js

$('#ccviewMiniStatementId').click(function(event) {

    var ccMonthVal=$("#ccMonthId").val();
    var ccYearVal=$("#ccYearId").val();
    var cCRefNumId=$("#cCRefNumId").val();

    var errExpVal = validateCcExpiry();

    if (errExpVal==false)
    {
        event.preventDefault();
        return false;
    }

    // I am passing values to my controller and there it is GET 
    //because POST is not supported. I want to make it POST.
    $("#ccviewMiniStatementId").attr("href", "getpdfcreditcard?month="+ccMonthVal+"&year="+ccYearVal+"&cCReferenceNo="+cCRefNumId);
    $("#pdfViewer").submit();           
});

我的控制器 NonFinancial.java

@RequestMapping(value="/getpdfcreditcard", method=RequestMethod.GET, params = {"month","year","cCReferenceNo"})
public ResponseEntity<byte[]> getPDF(@RequestParam(value="month", required = true) String month,
    @RequestParam(value="year", required = true) String year,
    @RequestParam(value="cCReferenceNo", required = true) String cCReferenceNo,
    HttpServletResponse response) throws IOException, SQLException {

    logger.debug("month/year/cCReferenceNo: "+month+"/"+year+"/"+cCReferenceNo);
}

所以我想：当我点击一个锚标记时，它应该做一个 POST。我怎么做？我不想使用<form></form>

Answer 1

看起来你正在使用 jQuery，所以很简单：

$('a').click(function() {
    var fullLink = $(this).attr('href');
    var splittedLink = fullLink.split("?");
    var href = splittedLink[0];
    var qs = splittedLink[1];

    // convert qs to body
    var splittedQs = qs.split('&');
    var body = {};

    for(var key in splittedQs) {
        var t = splittedQs[key].split('=');
        body[t[0]] = t[1];
    }

    $.ajax({
        type: 'post',
        data: body,
        url: href,
        success: function() { ... }
    });

    return false;  // prevent default
});

Answer 2

在 HTML 中不可能使 href 使用 POST。但是正如@modernator 指出的那样，您可以使用 JavaScript 来监听点击事件，然后手动触发 AJAX 请求。

或者，您可以使用带有隐藏输入的表单。在那里你可以指定提交方法。示例：

<form method="post" action="<your-url>">
    <input type="hidden" name="month" value="<month-value>">
    <button type="submit">View Statement</button>
</form>