Question

我需要一个锚标记或按钮，用于向网址发送POST，但不会导航到任何地方。

这可能不符合现行标准，但可以在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

为了在不导航到其他页面或刷新同一页面的情况下发布数据，您需要使用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>

发送POST但不导航的链接或按钮

1 个答案: