发布到ASMX服务并返回jQuery的Object

时间:2010-08-21 01:46:39

标签: asp.net web-services jquery asmx

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

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的:

[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页试图找到答案,没有一个有效..

1 个答案:

答案 0 :(得分:5)

对于#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);