1

ポストバックを防ぐコードがありますが、失敗しました。基本的に私はasp.netボタンを持っています。

<asp:Button ID="btnSave" runat="server" Text="SaveChanges" OnClick="btnSave_Click"
        CssClass="saveButton" ValidationGroup="answer" OnClientClick="return ValidateUserNameBeforeSubmitting();" />

そして ajax 呼び出し Web サービス。

function ValidateUserName() {
        $.ajax({ type: "POST",
            url: "../UserNameWebService.asmx/ValidateUserName",
            data: "{'strUsername': '" +JSON.stringify( $("#<%=TextUserName.ClientID%>").val()) + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",

            async: false,
            success: function (data) {
                return data.d;
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
            }
        });
    }


    function ValidateUserNameBeforeSubmitting() {
        var isValid = ValidateUserName();
        return isValid;
    }

Web サービスはブール値を返し、コードにステップインするとそれが返されます。しかし、JavaScript コードに足を踏み入れると、「isValid」がブール値ではないことがわかりました。「未定」です。なんで?

ありがとう。

4

3 に答える 3

1

Ajax は非同期です。

var isValid = ValidateUserName();

この行は実行されますが、呼び出している関数には戻り値がありません (したがってundefined)

ajax から返された変数にアクセスする場合は、成功ハンドラーにある必要があります。

function ValidateUserName() {
    var returnValue;
    $.ajax({ type: "POST",
        ...
        async: false,
        success: function (data) {
            returnValue = data.d;
        },
        ...
    });
    return returnValue;
}
于 2012-05-02T12:53:23.080 に答える
0

isValidValidateUserName()実際には何も返さないため、未定義です。

ajax 呼び出しをこれに変更します

 function ValidateUserName() {

        var results = $.ajax({ type: "POST",
        url: "../UserNameWebService.asmx/ValidateUserName",
        data: "{'strUsername': '" +JSON.stringify( $("#<%=TextUserName.ClientID%>").val()) + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",

        async: false
    });

    return results;
    //or results.d; if thats what you need for the boolean
}

async:falseajax呼び出しの結果としてajaxがマークされている場合、結果が含まれます。成功関数に渡されるのではなく

于 2012-05-02T12:55:18.563 に答える
0

すべてのパスが返されるように戻り変数のスコープを設定し、ajax 呼び出しが bool を返すようにします。

function ValidateUserName() {
    var result = false; //default 
    $.ajax({ type: "POST",
        url: "../UserNameWebService.asmx/ValidateUserName",
        data: "{'strUsername': '" +JSON.stringify( $("#  <%=TextUserName.ClientID%>").val()) + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        success: function (data) {
            result = data.d;  //make sure this is a bool
            //result = Boolean(data.d); //use this if returning a string, not recommended though
            alert(result); //are you a bool?
        },
        error: function (xhr, ajaxOptions, thrownError) {              
            alert(xhr.status);
            alert(thrownError);
        }
    });

    return result;
}


function ValidateUserNameBeforeSubmitting() {
    var isValid = ValidateUserName();
    return isValid;
}
于 2012-05-02T12:56:23.157 に答える