我可以通过 ASP.NET 将对象从客户端 javascript 发送到服务器端代码吗？

Question

我可以通过 ASP.NET 将对象从客户端 javascript 发送到服务器端代码吗？

Answer 1

在 ASP.NET WebForms 中，我会使用 ScriptService：

查看此示例：http://msdn.microsoft.com/en-us/magazine/cc163499.aspx

GenerateScriptType 属性可以用于如果你想传递/获取洞对象给服务： ASP.NET ScriptService deserialization problem with derived types

[WebService(Namespace = "http://msdnmagazine.com/ws")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[GenerateScriptType(typeof(Object1))]
[GenerateScriptType(typeof(Object2))]
[ScriptService]
public class StockQuoteService : WebService
{
    static Random _rand = new Random(Environment.TickCount);

    [WebMethod]
    public int GetStockQuote(string symbol)
    {
        return _rand.Next(0, 120);
    }
}

Answer 2

是的。一种方法是使用网络方法；例如：

1. 创建服务
2. 从 JavaScript 方法调用，例如：DataService.Push(yourObject);

例如：

Javascript 方法：

function btnGenerate_onclick(result) {
    DataService.Push(getDataFromSomeDiv(), onGenerateReportComplete /*callback method*/);
    //or
    //DataService.Push(document.getElementById("myDiv").innerHTML, onGenerateReportComplete /*callback method*/);

}

function onGenerateReportComplete(result) {
            alert("Success:" + result);
}

服务方式：

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class DataService : System.Web.Services.WebService
{

    [WebMethod(EnableSession = true)] //If you want?
    public bool Push(object someObject)
    {
        //var v = someObject as MyObjectClass;//Process object 
        return true;
    }
}

编辑：javascript如何知道什么是服务器端DataService？

这需要在标记中引用 Web 服务。比如下面这样：

<asp:ScriptManager ID="sm" runat="server">
            <Services>
            <asp:ServiceReference Path="DataService.asmx" />
        </Services>
</asp:ScriptManager>

或者你可以使用回调/page methods。

Answer 3

并非如此。您可以将对象序列化为字符串，将该字符串发送到 ASP.NET，然后在另一端再次将其转换为对象。

JSON 是一种很好的序列化格式，您可以将简单的对象直接放入它周围的各种库中（即listed in the penultimate section of the JSON homepage）。

对于更复杂的对象，您需要先提取需要重新创建它们的相关数据位。

Answer 4

Ben Dotnet 关于在 asp.net WebForms 中使用 ScriptService 是正确的。除了使用 ScriptService 装饰器之外，GenerateScriptType 装饰器也很重要，以确保包含您想要使用的复杂类型。我发现除了这篇文章之外，Ben 链接的文章也很有用：http://www.webreference.com/programming/asp-net-ajax/complex-data-types/index.html

这就是我如何能够完全按照您正在尝试的方式进行操作。首先，我定义了我想在代码隐藏文件中使用的自定义类型。

namespace TestProject
{
    public class SampleData
        {
            public int id { get; set; }
            public string StartDate { get; set; }
            public string EndDate { get; set; }

            public SampleData()
            { }
    }
    public partial class SamplePage : System.Web.UI.Page
    {
        /* The rest of the SamplePage.aspx.cs file goes here */
    }
}

然后我在我的 SamplePage 代码中创建了一个 WebMethod/ScriptMethod，如下所示：

[WebMethod]
[ScriptMethod]
[GenerateScriptType(typeof(SampleData))]
public static bool EditReminder(SampleData data)
{
    /* Server side code goes here */
    return true;
}

然后，在客户端页面上，我能够创建一个 SampleData 类型的对象，并像这样使用 PageMethods 传递它。 不要忘记包含命名空间，这是必要的。

function some_javascript_function () {
    var sample_data = new TestProject.SampleData()
    sample_data.id = 1;
    sample_data.StartDate = '6/24/1976';
    sample_data.EndDate = '3/20/2012';
    PageMethods.EditReminder(sample_data, OnEditReminderComplete)
}

function OnEditReminderComplete () {
    if (result) alert("Success!");
    else alert("Failure!");
}

另外，不要忘记在页面的某处包含脚本管理器并启用这样的页面方法：

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />

Answer 5

是的。您可以使用 Json 并执行 POST。如果您使用的是 jQuery，则可以使用 $.ajax 将值发布到服务器端。希望这会有所帮助。