首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

关于AJAX局部刷新有关问题

2013-01-17 
关于AJAX局部刷新问题怎么样让网页的刷新跟QQ空间那种的一样,就是QQ空间个人中心里面的动态,点击刷新可以

关于AJAX局部刷新问题
怎么样让网页的刷新跟QQ空间那种的一样,就是QQ空间个人中心里面的动态,点击刷新可以局部刷新的,菜鸟请教
[解决办法]
给你看一个示例:

Ajax实现局部刷新


    <script type="text/javascript">
    var xmlhttp;
    function getData()
    {
      //获取用户填写的名称
      var city=document.getElementByIdx("txt").value;
      //创建异步调用对象
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      //将对象状态与事件相关联
      xmlhttp.onreadystatechange=statechange;
      //加载要链接的页面
      xmlhttp.Open("POST","datapage.aspx?city=" +city,true);
      //发送请求
      xmlhttp.Send();
    }
    function statechange()
    {
      //判断异步调用是否已经完成
      if(xmlhttp.readystate==4)
      {
        //判断完成的提示代码是否是OK状态
        if(xmlhttp.status==200)
        {
           //将返回数据作为参数,传递给填充方法
           FillData(xmlhttp.responseText);
        }
      }
    }
    function FillData(strcity)
    {
       document.getElementByIdx("DropDownList1").options.length=0;
       var indexofcity;
       var city;
       //切割传递来的字符串
       while(strcity.length>0)
       {
       //判断是否是最后一个字符串
        indexofcity=strcity.indexOf(",");
        if(indexofcity >0)
        {
        city=strcity.substring(0,indexofcity);
        strcity=strcity.substring(indexofcity+1);
        //填充下拉框
        document.getElementByIdx("DropDownList1").add(new Option(city,city));
        }
        else
        {
        // 如果是最后一个字符串
           lastcity=strcity.substring(0,2);
           document.getElementByIdx("DropDownList1").add(new Option(lastcity,lastcity));
           break;
        }
       };
    }
    </script>

第二个页面
protected void Page_Load(object sender, EventArgs e)
    {
        //获取传递过来的参数


        string city =Request.QueryString["city"];
        Response.Clear();
        //判断城市名
        switch (city)
        {
            case "beijing":
                //填充相关的区域
                Response.Write("朝阳,海淀,东城,西城");
                break;
            case "shanghai":
                Response.Write("浦东,静安,虹口,徐汇");
                break;
            case "jinan":
                Response.Write("历下,历城,市中,天桥");
                break;
        }
    } 

热点排行