Link 或发送 POST 但不导航的按钮

Question

我需要一个锚标记或按钮，将 POST 发送到 URL 但不会导航到任何地方。

这可能不符合当前标准，但它适用于 Chrome。

<!DOCTYPE html>
<iframe style="display:none;" name="some"></iframe>
<form method="POST" target="some">
<button class="btn" style="margin:0px 10px 15px 0px;" type="submit"
    formaction="http://www.example.org:1234/test?P1=X">Test</button>
</form>

Answer 1

为了post数据而不导航到另一个页面或刷新同一页面，您需要使用Ajax。

根据您的代码，我假设您正在使用 jQuery。在jQuery中，有一些函数可以让Ajax轻松实现。

我将在下面添加示例代码供您参考。

$("#myLink").click(function(event) {
    event.preventDefault();
    var url = "http://example.com"; //The url/uri where you want to post the data to
    var data = {field1: "data1", field2: "data2"}; //Your data
    $.post(url, data, function(data, status) {
        //Data and status from server after posting your data
        console.log(data);
        console.log(status);
    });
});

您的 a 标签将保持不变。

<a href="#" id="myLink">Send</a>

Link 或发送 POST 但不导航的按钮

Link or button that sends a POST but does not navigate

html

button

hyperlink

target