javascript - 更新...需要一个关于客户端如何从服务器端获取值而无需回发的 Ajax 示例

Question

基本上我想检查用户是否在单击按钮时使用 JavaScript 登录

我知道ajax可以做到这一点，但我不知道从哪里开始......而且我不想学习整个ajax

有什么简单的代码示例我可以“借用”吗？

================================更新2=============== ===================

我为此问题发布了另一个问题，并在下面得到答案...以防有人有与我相同的问题...

Can I return true to asp.net OnClientClick After an Ajax call? Or maybe some other way?

================================更新================ =====================

我读了一些例子，但我找不到我需要的确切例子。我可以从服务器端获取结果，然后...卡住了...这是我的代码，请帮助解决评论中的问题。非常感谢!!!

在.ascx中:

<asp:Button ID="buttonSubmit" Text="Submit" OnClientClick="return buttonSubmitOnclick()" OnClick="buttonSubmit_Click" runat="server"/>

在 .js 中:

function buttonSubmitOnclick() {
  showLogin();
  //What to do here??? how to return true if the ajax call return 'true'?  
  return true;  //???
}


//========== Ajax ==============

function showLogin() {
  var xmlhttp;

  if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
  }
  else {// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        if (xmlhttp.responseText == "false") {
            $find('modalPopupLogin').show();  //Show Login Dialog
        };
    }
  }
  xmlhttp.open("GET", "AjaxService.aspx?t=auth", true);   //??? should the last parameter be "false"???
  xmlhttp.send();
}

Answer 1

这非常简单。由于您使用的是 asp.net，因此最简单的方法可能是使用页面方法。 asp.net 中的页面方法允许您在代码隐藏中编写 .NET 代码，然后使用 javascript 方法调用它。页面方法必须声明为静态/共享，因为它将在页面生命周期之外被访问。

以下是一些示例:
-http://www.singingeels.com/Articles/Using_Page_Methods_in_ASPNET_AJAX.aspx
-http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/

无论是否使用 jQuery，页面方法的调用都非常简单。