asp.net - 发布到 ASMX 服务并返回 jQuery 对象

Question

我正在使用流畅的 NHibernate 和 WebForms，我正在尝试构建一个页面，允许用户在其个人资料页面上发布状态更新，并使用 .asmx WebService 将数据发布到数据库，然后返回jQuery 使用的页面的 StatusUpdate 实例。我有几个问题。

1)首先，当我从 WebService 返回一个字符串(我正在测试)时，用户输入状态的文本框不会清空内容。而且，由于即使我手动清除文本框并输入其他内容，页面也不会刷新，它仍然会再次将以前的状态发布到数据库。我该如何解决这个问题？

2) 其次，当我从 Web 服务返回 StatusUpdate 对象时，我无法在结果中显示任何内容。就像我悲伤的那样，我使用 jQuery 对 WebService 进行 AJX 调用。

这是我的代码:

用户个人资料页面 JavaScript:

    var status1 = $("#statusBox").val();
    var userID = $("#MainContent_userID").val();
    function SetStatus() {
        $.ajax({
            type: "POST",
            url: "http://localhost/Sports/Services/UserWebService.asmx/SetStatus",
            data: '{"status": "' + status1 + '", "userID": "' + userID + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            error: OnError
        });
    }
    function OnSuccess(response) {
        $("#statusBox").empty();
                $("#MainContent_status").html(response.Status).fadeIn(1000);  
            }

    function OnError(request, status, error) {
                alert(request.statusText);
            }

网络服务:

[WebService(Namespace = "Sports.Services")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)] 
[System.Web.Script.Services.ScriptService]
public class UserWebService : System.Web.Services.WebService
{
    private IUserSession _userSession;
    public ISession Session1
    {
        get { return NHibernateSessionModule.GetCurrentSession(); }
    } 

    [WebMethod]
    public StatusUpdate SetStatus(string status, Guid userID)
    {
        _userSession = ObjectFactory.GetInstance<IUserSession>();
        StatusUpdate update = new StatusUpdate();
        update.StatusDateTime = DateTime.Now;
        update.StatusLikes = 0;
        update.UserID = userID;
        update.Status = status;
        Session1.SaveOrUpdate(update);
        return update;
    }
}

任何帮助将不胜感激...我已经查看了大约 100 页试图找到答案，但没有一个有效..

Answer 1

对于#1，您需要移动 .val()在方法内部调用，以便在正确的时间获取它们，如下所示:

function SetStatus() {
    var status1 = $("#statusBox").val();
    var userID = $("#MainContent_userID").val();
    $.ajax({
        type: "POST",
        url: "http://localhost/Sports/Services/UserWebService.asmx/SetStatus",
        data: '{"status": "' + status1 + '", "userID": "' + userID + '"}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnSuccess,
        error: OnError
    });
}

尽管您应该考虑将其作为对象并使用 .stringify处理任何特殊字符。

<小时/>

对于#2，asmx Web 服务喜欢包装对象，因此它不看起来像这样:

{ "Status": "My Status", "UserID": 12, "StatusLikes": 0..... }

它实际上看起来像这样:

{ "d": { "Status": "My Status", "UserID": 12, "StatusLikes": 0..... } }

所以代替这个:

$("#MainContent_status").html(response.Status).fadeIn(1000);

你需要这个:

$("#MainContent_status").html(response.d.Status).fadeIn(1000);