javascript - 在 asp.net 的标签中显示 jquery 的结果

Question

我想在我的 asp.net 页面上的标签控件中显示此 javascript 的结果，而不是警报。我该怎么做？

<script type="text/javascript" language="Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <!-- Require EasyJQuery After JQuery --><script type="text/javascript" language="Javascript" src="http://api.easyjquery.com/easyjquery.js"></script> <script type="text/javascript" language="Javascript">
    // 1. Your Data Here
    function my_callback(json) {
        alert("IP :" + json.IP + " COUNTRY: " + json.COUNTRY);
    }

    function my_callback2(json) {

       alert("IP :" + json.IP + " COUNTRY: " + json.COUNTRY + " City: " + json.cityName + " Region Name: " + json.regionName);
    }

    // 2. Setup Callback Function
   // EasyjQuery_Get_IP("my_callback"); // fastest version
    EasyjQuery_Get_IP("my_callback2","full"); // full version
</script> 

Answer 1

使用动态 ID

asp.net的标签控件默认呈现为span所以你可以通过 ID 找到这个控件来设置里面的文本，然后使用 text 在里面输入作为:

  $('#<%=txtLabel.ClientID%>').text("message");

使用静态 ID

替代方案(版本 4+)您可以设置 ClientIDMode="Static"在你的控制之下，所以 id 不会改变

<asp:Label runat="server" ID="txtName" ClientIDMode="Static">Test</asp:Label>

呈现为 <span id="txtName">Test</span>并在他体内写成

$('#txtName').text("message");

你的函数将是

function my_callback(json) {
    $('#txtName').text("IP :" + json.IP + " COUNTRY: " + json.COUNTRY);
}

function my_callback2(json) {
   $('#txtName').text("IP :" + json.IP + " COUNTRY: " + json.COUNTRY + " City: " + json.cityName + " Region Name: " + json.regionName);
}