ASP.NET添加html按钮单击事件

时间:2014-09-12 23:24:46

标签: asp.net twitter-bootstrap

我必须在asp.net中添加html按钮点击事件。

<button type="button" data-toggle="tooltip" data-title="Logout" class="btn btn-link">
<em class="fa fa-sign-out text-muted"></em>
</button>  

我在这里使用html按钮因为我必须将它放在asp.net表单(runat服务器)标签之外。所以我不能在这里使用链接按钮。第二件事是我必须使用图标作为按钮。因此,如果还有其他方法可以完成这两项任务,请同时提出建议。

1 个答案:

答案 0 :(得分:0)

在html按钮中:

<button type="button" data-toggle="tooltip" data-title="Logout" class="btn btn-link" onclick="runLogout()">
<em class="fa fa-sign-out text-muted"></em>
</button>

在javascript文件中:

var xmlHttp = null;

function getXmlHttp() {
    try {
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e) {
                alert(e.description);
            }
        }
    }
}

function runLogout() {
    getXmlHttp();

        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState == 4) {
                if (xmlHttp.status == 200) {
                    // ... your code here ...
                }

                return;
            }
        };

    xmlHttp.open("POST", "Logout.aspx", true);
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlHttp.send(null);
}