如何使用jQuery Ajax获取响应的一部分

时间:2011-10-11 06:28:02

标签: c# jquery asp.net ajax

考虑有一个包含10个按钮的页面,每个按钮都会执行不同的工作。我如何调用每个按钮的服务器端点击事件并使用jQuery Ajax获取该按钮的响应? 我不想为我的code.thanks

声明一个静态方法

* EDIT1: * Consder this:

$.ajax({
    type: "POST",
    url: "MsAjax.aspx",
    method: "getTime",
    data: { date_in: new Date() },
    success: function(data) {
        $("#div").html(String(data));
    }
}); 

正常情况下,我们编码像顶级代码,但我想点击按钮导致执行它的服务器端事件代码,但使用ajax和页面不回发,并得到它的响应


编辑2:

<table>
    <tr>
        <td>
            <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button"  OnClientClick="nima();"/>
        </td>
        <td>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" OnClientClick="nima2();"/>
        </td>
        <td>
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            <asp:Button ID="Button3" runat="server" onclick="Button3_Click" Text="Button" />
        </td>
        <td>
            <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        </td>
    </tr>
</table>

和代码背后:

 protected void Button1_Click(object sender, EventArgs e)
    {
        TextBox1.Text = "11111111";
    }

    protected void Button2_Click(object sender, EventArgs e)
    {
        TextBox2.Text = "22222222";
    }

    protected void Button3_Click(object sender, EventArgs e)
    {
        TextBox3.Text = "3333333";
    }

1 个答案:

答案 0 :(得分:0)

定义具有相同类和不同ID的每个按钮。

ex: <input type="button" class="cls_button" id="work1"/>
<input type="button" class="cls_button" id="work2"/>

现在你可以编写像这样的jquery ajax脚本

$('.cls_button').click(function() {
var id = $(this).attr('id');

  $.ajax({
   type: "POST",
   url: "some.php",
   data: "work="+id,
   success: function(msg){
     alert( msg );
   }

});
});

现在你可以在some.php页面中编写一个switch表达式来定义不同的作品。

<强>更新

你可以对“OnCommand”和不同的“Button id”ex:

使用相同的命令
<asp:Button id="Button1" Text="Sort Ascending" CommandName="Sort" CommandArgument="Ascending" OnCommand="CommandBtn_Click" runat="server"/> 
<asp:Button id="Button2" Text="Sort Descending" CommandName="Sort" CommandArgument="Descending" OnCommand="CommandBtn_Click" runat="server"/>