js函数内直接调用后台方法

第一种方法：js函数内直接调用后台方法
如图所示 都是html控件 输入姓名 点击按钮获取您输入的信息！


代码如下：
<div>
            Your Name is:<input id="name" type="text" />
            <input id="clickBt" type="button" value="GET NAME" οnclick="fun()" />
            <input id="nameTxt" type="text" />
</div>

js如下：
<script language="javascript" type="text/javascript">
        function fun()
        {
            var name = document.getElementById('name').value;
            var nameStr = '<%=getName("'+name+'") %>';
            document.getElementById('nameTxt').value = nameStr;
        }
    </script>

后台代码如下：
public string getName(string namePar)
    {
        return namePar + " is your name";
    }



方法二:
间接触发后台代码
点击html控件按钮 获取和点击服务器端按钮同样的效果
即当点击html控件按钮的时候 触发服务器端按钮的事件即可~
效果图免了 就两个按钮一个lable标签
代码如下：
<input id="hBt" type="button" value="CLICK ME2" οnclick="fun2()" />
<asp:Button ID="aBt" runat="server" Text="server BT" OnClick="aBt_Click" />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

当点击服务器端按钮的时候 给lable赋值
protected void aBt_Click(object sender, EventArgs e)
    {
        Label1.Text = " 真的 假的~~~";
    }

js代码如下：
function fun2()
{
      document.getElementById('aBt').click();
}