ASP.Net2.0页面无刷新境界体验

转载 2007年09月30日 09:09:00

页面中:

 <input type="text"  onblur="callToServer();"   name="txtUsername" style="width: 160px" maxlength="20"/>
服务器控件一样可以用Attributes.Add()添加:onblur="callToServer();"  
<span id="Question">*********</span>

<script type="text/javascript">
    function callToServer()
    {
        var param = document.getElementById("txtUsername").value;
        var context = "";
        CallTheServer(param,context);
    }
</script>

cs文件中

public partial class HrUser_ForgetPassword : System.Web.UI.Page, System.Web.UI.ICallbackEventHandler
...{
    

    
public string reString = "您输入的用户名不存在";


    
public void RaiseCallbackEvent(String eventArgument)
    
...{   
        Model.UserLogin model 
= new Model.UserLogin();
        BLL.UserLogin bll 
= new BLL.UserLogin();       
        model 
= bll.GetModel(eventArgument);
        
if (model != null)
            reString 
= model.Answer;
    }



    
public string GetCallbackResult()
    
...{
        
return reString.ToString();
    }


    
protected void Page_Load(object sender, EventArgs e)
    
...{


        ClientScriptManager cs 
= Page.ClientScript;


        StringBuilder context 
= new StringBuilder();
        context.Append(
"function ReceiveServerData(arg, context)");
        context.Append(
"{");
        context.Append(
"Question.innerText =  arg;");
        context.Append(
"value = arg;");
        context.Append(
"}");


        String cbReference 
= cs.GetCallbackEventReference(this"arg",
            
"ReceiveServerData", context.ToString());

        String callbackScript 
= "function CallTheServer(arg, context) {" +
            cbReference 
+ "; }";

        cs.RegisterClientScriptBlock(
this.GetType(), "CallTheServer",
            callbackScript, 
true);

     }
          

}

这样在文本框失去焦点时<span id="Question">*********</span>中的文本就会被设置为服务器回传过来的数据 

ASP.NET2.0,无刷新页面新境界

  • zgqtxwd
  • zgqtxwd
  • 2008年05月01日 04:40
  • 99

ASP.NET2.0实现页面无刷新

Asp.Net2.0的客户端回调是一种很让人激动的方法,他能够让我们控制要提交什么数据给服务器而不用提交整个页面,同时服务器也只返回你所需要的数据而不要发回整个页面。   首先我们要说一个很重要的方法...
  • xylike816
  • xylike816
  • 2011年08月05日 08:57
  • 459

ASP.NET2.0实现页面无刷新CallBack

引用 ASP.NET2.0实现页面无刷新CallBack_修正版 后面的例子大家针对原版举一反三。Asp.Net2.0的客户端回调是一种很让人激动的方法,他能够让我们控制要提交什么数据给服务器而不用提...
  • girl_boy
  • girl_boy
  • 2007年05月29日 10:54
  • 287

无刷新加载页面

无刷新加载页面,提高加载速度,提升用户体验,可实现加载完毕页面入场动画。不用说,要实现无刷新加载肯定是要用到Ajax。原理是只加载一次index(主页),这个主页我们可以理解成一个容器,需要加载新页面...
  • joneeky
  • joneeky
  • 2016年08月01日 01:37
  • 447

jquery页面无刷新html加载

年龄                         {{age}}                             $(".childNext").c...
  • zelda002
  • zelda002
  • 2015年01月04日 11:25
  • 5398

实现web页面无刷新操作的几种方法

第一种方法:如果要是使用的最基础的ajax调用方式,应该做这几个步骤:1)   在客户端使用XMLhttp,通过javascript类似的代码 objXMLHttp.onreadystatechang...
  • xumingxm
  • xumingxm
  • 2007年11月30日 22:57
  • 710

Niep.js - Web移动端无刷新页面切换 -- 页面数据加载

页面显示时,加载数据 页面的数据均通过ajax获取,当页面需要显示时,会搜索该页面中的所有data-unload的元素,如果data-unload的值为once或refresh,则请求数据。 ...
  • phoooob
  • phoooob
  • 2016年05月26日 16:53
  • 944

使用ajax技术无刷新页面

一:       首先看个小例子(通过GET方式进行无刷新获取服务端的响应数据) script type="text/javascript" language="javascript">   ...
  • civilized
  • civilized
  • 2012年12月03日 22:53
  • 2104

jquery ajax无刷新更新页面

1.首先我们得区分一下ajax的异步和同步: 异步是:ajax没有完全执行完,就可以执行后面的代码, 同步是:ajax必须执行完后才可以执行后面的代码..2.好了,既然要ajax不...
  • ha6pp6y
  • ha6pp6y
  • 2016年04月08日 01:01
  • 565

ASP.NET—015:ASP.NET中无刷新页面实现

前面也说过在asp.net中前后前交互的问题。使用了ajax.js的方法:$.post和$.ajax。http://blog.csdn.net/yysyangyangyangshan/article/...
  • yysyangyangyangshan
  • yysyangyangyangshan
  • 2014年09月30日 00:18
  • 7203
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.Net2.0页面无刷新境界体验
举报原因:
原因补充:

(最多只允许输入30个字)