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

本文关键字：响应 一部分 何使用 jQuery Ajax | 更新日期: 2023-09-27 18:11:07

假设有一个页面有10个按钮，每个按钮的工作方式不同。如何使用jQuery Ajax调用每个按钮的服务器端单击事件并获得该按钮的响应?我不想为我的代码声明一个静态方法。

*EDIT1:*考虑这个:

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

在正常情况下，我们编写top代码，但我想点击按钮，因为执行它的服务器端事件代码，但使用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";
    }

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

用相同的类和不同的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 );
   }
});
});

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

更新:

你可以对"OnCommand"和不同的"Button id"使用相同的命令，例如:

<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"/>
相关文章：