javascript - 我可以在不引起回发的情况下使用 javascript 调用服务器端方法吗？

Question

我有调用 ASP.NET 中方法的 JavaScript 代码。基本上，我有一个连接到 GridView 的 SqlDataSource，我想更改 DataSource 的 SelectCommand 而无需导致回发。

现在，我正在使用 __dopostback 方法，但正如我所说，我不想重新加载页面。我只想更新 GridView。这可能吗？

Answer 1

这不是完成的方式。有很多方法可以做到这一点，但最简单的方法是将您的内容包含在 UpdatePanel 中并在您的页面上放置一个 ScriptManager。

例如:

<asp:ScriptManager id="mymanager" runat="server" />

<asp:UpdatePanel id="mainPanel" runat="server">
<ContentTemplate>

<! -- Put your content here -->

</ContentTemplate>
</asp:UpdatePanel>

现在您页面上的所有交互都将通过 Ajax 完成。

更好的方法(我目前使用的方法)

使用 jQuery 结合 Web 服务进行 Ajax 调用。

示例代码:

[System.Web.Script.Services.ScriptService]
public class MyWebService: System.Web.Services.WebService
{
    [WebMethod]
    public List<BusinessObject> GetSomeData(int dataID)
    {
        //Invoke your business layer and get some data here
        List<BusinessObject> result = BusinessLayer.GetSomeData();
        return result;
    }
}

在客户端使用 jQuery，你可以做这样的事情:

$.ajax({
    type: "POST",
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    url: "MyWebService.svc/GetSomeData",
    data: {'dataId': you_id_here },
    success: function(result) {
        //result.d will contain an array of BusinessObject in JSON format
        //You can iterate through this list and populate your html using this data.
        //You can either use jQuery templates
        //or one of the many jQuery plugins for tabular data.
        //I use datatables:
        //http://datatables.net/
        for(int i=0;i<result.d.length; i++)
        {
            //do something here if you want to iterate one by one constructing your
            //html
        }
    },
    error: function(xhr, ajaxOptions, thrownError) {
           //display error here
        });
    }
});

我强烈建议查看这些链接:

1. > http://encosia.com/using-jquery-to-consume-aspnet-json-web-services/
2. > http://encosia.com/simplify-calling-asp-net-ajax-services-from-jquery/