Fatal编程技术网
  • jquery/
  • jQuery Ajax回调无法获取上下文

jQuery Ajax回调无法获取上下文

jquery

jQuery Ajax回调无法获取上下文,jquery,Jquery,我有一个HTML页面，如中所示。单击“searchReportButton”按钮时，会调用javascript函数“checkSession”。在“checkSession”函数中有一个jquery.ajax调用下面列出的web方法。web方法工作正常，我能够在javascript成功回调中将结果警告为“活动” 我已将上下文设置为这样 context: this, //CONTEXT 我希望下面的代码能够提醒“正在加载…”文本。假设此将在成功回调中工作，因为设置了上下文。但它没有显示文本

我有一个HTML页面，如中所示。单击“searchReportButton”按钮时，会调用javascript函数“checkSession”。在“checkSession”函数中有一个
jquery.ajax
调用下面列出的
web方法。web方法工作正常，我能够在javascript成功回调中将结果警告为“活动”

我已将上下文设置为这样


 context: this,  //CONTEXT 


我希望下面的代码能够提醒“正在加载…”文本。假设
此
将在
成功回调
中工作，因为设置了
上下文
。但它没有显示文本


if (result == "ACTIVE") 
{       
    var selectedTable = $(this).closest('.dateFilter').siblings('.sentDatesSection').find('.reportSentDatesDiv');

    alert($(selectedTable).text());

}


问题

为了在回调中获取上下文，需要更正什么

Web方法



jQuery


$(document).ready(function() {
    var searchReportButton = $('.searchReportButton');
    searchReportButton.click(function() {
        var selectedTable = $(this).closest('.dateFilter').siblings('.sentDatesSection').find('.reportSentDatesDiv');
        alert($(selectedTable).text());
        checkSession();
        return false;
    });
});

function checkSession() {
    var empID = 101;
    alert('Function Reached');
    $.ajax({
        type: "POST",
        url: "Error.aspx/CheckSessionExpiry",
        data: '{"empID": "' + empID + '"}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        context: this,
        //CONTEXT
        success: handleSessionResult
    });
}

function handleSessionResult(result) {
    if (result.hasOwnProperty("d")) {
        result = result.d
    }
    if (result == "ACTIVE") {
        var selectedTable = $(this).closest('.dateFilter').siblings('.sentDatesSection').find('.reportSentDatesDiv');
        alert($(selectedTable).text());
    }
}​


HTML


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
<title>Report List </title>

</head>
<body>
<form>

<div id="wrapper">
    <div id="container">
        <div id="centralContainer">
            <div id="mainContainer">
                <div id="contentHolderDiv" class="contentHolderDiv">
                    <div id="searchContainer" class="searchContainer">
                        <div id="entryValues" class="repeaterContainer">
                            <div class="repeaterTableBorder">
                                <div class="repeaterRecord">
                                    <div class="repeaterIdentifier">
                                        <div class="reportTitle">
                                            Daily Financial Transaction:
                                        </div>
                                    </div>

                                    <div class="viewLogTitle">
                                        <div class="viewLogText">
                                            View Report Log
                                        </div>
                                    </div>
                                    <div id="reportLog" class="reportLog">
                                        <div class="dateFilter">
                                            <div class="filterElements">
                                                <div class="filterContents">
                                                    <input type="submit" name="ctl00$detailContentPlaceholder$repReports$ctl00$btnSubmit"
                                                        value="Get Reports" id="detailContentPlaceholder_repReports_btnSubmit_0" class="searchReportButton" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="sentDatesSection">
                                            <div class="reportSentDatesDiv">
                                                <p>
                                                    Loading...</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
</div>
</form>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.js"></script>




报告清单
每日金融交易：
查看报告日志

加载





将
此
作为参数传递给
checkSession
函数：


checkSession(this);


然后：


function checkSession(context) {
    var empID = 101;
    alert('Function Reached');
    $.ajax({
        type: "POST",
        url: "Error.aspx/CheckSessionExpiry",
        data: JSON.stringify({ empID: empID }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        context: context,  //CONTEXT
        success: handleSessionResult

        }
    });
}



还请注意，我已经修复了使用
JSON.stringify
方法的
$.ajax
调用，以确保请求的JSON格式正确从不，我重复一遍，绝对不使用字符串连接（
+
操作符）来构建JSON。
JSON.stringify
方法本机内置于所有现代浏览器中。如果您必须支持来自的某些浏览器，例如IE6或其他东西，您可以将脚本引用到您的页面。
或者，您可以使用

或者，它的兄弟姐妹


function checkSession(context) {
    var empID = 101;
    alert('Function Reached');
    $.ajax({
        type: "POST",
        url: "Error.aspx/CheckSessionExpiry",
        data: JSON.stringify({ empID: empID }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        context: context,  //CONTEXT
        success: handleSessionResult

        }
    });
}



checkSession.call(this);