如何制作一个点击链接但不导航到它的按钮

时间:2015-08-26 19:10:57

标签: javascript html css button

我有一台监控HTTP活动的服务器,然后触发本地操作。

从远程设备我目前使用它来触发我的服务器:

<a href="http://example.org" onClick="return"><button type="button" style="width:100px;background-color:#43BC67">Try Me</button></a>

唯一的问题是,它导航到一个新页面,显示服务器的回复是“完成”。我不想看到那个页面或回复。我只想默默地点击该URL。想法?

感谢大家的帮助。这在我加载或重新加载页面时有效,但在单击按钮时则无效。我确定我错过了一些简单的事情。

<button type="button"><iframe src="example.org" style="visibility:hidden;display:none"></iframe>Test</button>

2 个答案:

答案 0 :(得分:3)

拨打ajax电话。您可以删除a代码,只需编写javascript代码,即可在点击按钮时对您的网址进行ajax调用。

AJAX Calls

More Info

答案 1 :(得分:0)

如果你有可能使用jquery,那么你可以这样做(当你点击链接时它会阻止浏览器实际导航到网址):

HTML:

<body>
    <a id="mylink" href="http://www.google.com">Google</a>
</body>

使用Javascript:

$(document).ready(function(){

    $("#mylink").click(function(e){

        //prevent browser from navigating to the url
        e.preventDefault();

        //call url asynchronously (in other words call url in the background)
        $.get( "http://myserver/ping", function(data){

            //do something with the response

        });

    });

});

希望它有所帮助!