OStack程序员社区-中国程序员成长平台 › 门户 › 编程› c#›C#教程

Ajax与C#应用详细实例

原作者: [db:作者] 来自: [db:来源] 收藏邀请

实现刷新的方法主要是Ajax，本文档实现Ajax有两个方法（Jquery 和 W3C的JS方法）；其次，使用JS也可以实现刷新数据不刷新页面（详见其他刷新页面方法JS实现）；对于CallbackRefresh的方法也可以实现刷新。

上面的方法都是在页面不刷新情况下刷新数据，Iframe实现的刷新会刷新页面，此方法可以借鉴。

Ajax的实现：

Javascript方式：

<script type="text/javascript">

        function loadXMLDoc(str) {

            var xmlhttp;

            var txt, x, i;

            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) {

                    xmlDoc = xmlhttp.responseXML;

                    //xmlDoc = xmlhttp.responseText;

                    txt = "";

                    x = xmlDoc.getElementsByTagName("TagName");

                    for (i = 0; i < x.length; i++) {

            if (x[i].childNodes[0].nodeValue.contains(str)) {

                            txt = txt + x[i].childNodes[0].nodeValue;

                        }

                    }

                    document.getElementById("txtHint").innerHTML = txt;

                }

            }

            xmlhttp.open("GET", "url", true);

            xmlhttp.send();

        }

jquery：

<script type="text/javascript">

        function loadXMLDoc(str) {

 

$("div").ajaxError(function(){

     alert("An error occurred!");

  });

  $("#txt").ajaxStart(function(){

     alert("AJAX 请求已成功完成");

  });

  $("div").ajaxSuccess(function(){

    alert("AJAX 请求已成功完成");

  });

  $("#txt").ajaxComplete(function(){

     alert("AJAX 请求已成功完成");

  });

  $("button").click(function(){

    $("#txt").load("url");

  });

 

 }

Txt：

如果是 e.txt

xmlDoc = xmlhttp.responseText;

XML：

如果是e.xml

xmlDoc = xmlhttp.responseXML;

x = xmlDoc.getElementsByTagName("TagName");

x[i].childNodes[0].nodeValue

asp页面：

如果是Asp页面可以用下面方法调用方法获取返回值：

URL："WebForm1.aspx?city=" + "beijing"

页面方法一：

在被请求页面的WebForm1.aspx.cs 的Page_Load 里面写：

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;

        }

    }

页面方法二：

直接在被请求页面WebForm1.aspx 页面写代码

<%

response.write("<table>")

    response.write("<tr><td><b>" & "asda" & "</b></td>")

    response.write("<td>" & "asdad" & "</td></tr>")

response.write("</table>")

%>

其他的刷新页面方法：

方法1：

CallbackRefresh：

页面调用方法

<script type="text/javascript">

        function FillData()

        {

           var city=document.getElementById("TextBox1").value;

     

            <% =this.ClientScript.GetCallbackEventReference(this,"city","FillDll",null)  %>;

        }

        function FillDll(strcity)

        {

           document.getElementById("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.getElementById("DropDownList1").add(new Option(city,city));

            }

            else

            {

            // 如果是最后一个字符串

               document.getElementById("DropDownList1").add(new Option(strcity,strcity));

               break;

            }

           };

        }

    </script>

后台代码：要继承ICallbackEventHandler （重要）

public partial class _Default : System.Web.UI.Page,ICallbackEventHandler

{

    private string _data;

    protected void Page_Load(object sender, EventArgs e)

    {

    }

 

    #region ICallbackEventHandler 成员

 

    public string GetCallbackResult()

    {

        //返回处理后的数据

        return _data;

    }

 

    public void RaiseCallbackEvent(string eventArgument)

    {

        //判断传递过来的参数

        switch (eventArgument)

        {

            case "北京":

                _data = "朝阳,海淀,东城,西城";

                break;

            case "上海":

                _data = "浦东,静安,徐汇,虹口";

                break;

            case "济南":

                _data = "历城,历下,市中,天桥";

                break;

        }

    }

 

    #endregion

}

JS 实现局部刷新：后台代码如下：

protected void Page_Load(object sender, EventArgs e)

    {

        //创建字符串连接对象

        StringBuilder myscript = new StringBuilder();

        //使用字符串组织一个JavaScript脚本方法

        myscript.Append("function seekCity()    {\n");

        myscript.Append("var city=document.getElementById('TextBox1').value; \n");

        myscript.Append("switch(city)       {\n");

        myscript.Append("case '北京': \n");

        myscript.Append("FillData('" + GetCityStr("北京") +"'); \n");

        myscript.Append("break; \n");

        myscript.Append("case '上海': \n");

        myscript.Append("FillData('" + GetCityStr("上海") + "'); \n");

        myscript.Append("break; \n");

        myscript.Append("case '济南': \n");

        myscript.Append("FillData('" + GetCityStr("济南") + "'); \n");

        myscript.Append("break; }\n");

        myscript.Append(" }\n");

        //使用注册脚本方法在页面的客户端，注册这个字符串编写的脚本方法。

        Page.ClientScript.RegisterClientScriptBlock(typeof(string), "seekCity", myscript.ToString(),true);

 

}

 

 

    //通过获取城市名，返回城市的区县字符串

    private string GetCityStr(string INcity)

    {

       string city="";

        switch (INcity)

        {

            case "北京":

                city = "朝阳,海淀,东城,西城";

                break;

            case "济南":

                city = "历城,历下,市中,天桥";

                break;

        }

        //返回包含区县的 字符串连接        return city;

    }

页面层直接调用：

onclick="seekCity()"

切割字符：

function FillData(strcity)

        {

           document.getElementById("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.getElementById("DropDownList1").add(new Option(city,city));

            }

            else

            {

            // 如果是最后一个字符串

               document.getElementById("DropDownList1").add(new Option(strcity,strcity));

               break;

            }

           };

        }

Iframe实现局部刷新：

要求刷新页面JS代码：

<script language="javascript">

       function Search()

       {

            var city=document.getElementById("TextBox1").value;

            if(city !="")

            {

               document.getElementById("iframe1").src="myframe.aspx?city=" +city;

            }

       }

被请求页面代码：

<asp:DropDownList ID="DropDownList1" runat="server" Width="154px">

 

protected void Page_Load(object sender, EventArgs e)

    {

        //获取传递过来的参数

        string city = Request.QueryString["city"];

        //判断城市名

        switch (city)

        {

            case "北京":

                //填充相关的区域

                DropDownList1.Items.Clear();

                DropDownList1.Items.Add("朝阳");

                DropDownList1.Items.Add("海淀");

                DropDownList1.Items.Add("东城");

                DropDownList1.Items.Add("西城");

                break;

        }

    }

鲜花

握手

雷人

路过

鸡蛋

该文章已有0人参与评论

请发表评论

全部评论

专题导读

More+

10-27 六六分期app的软件客服如何联系？(六六分期

11-06 可心卡盟:win10系统火狐flash插件崩溃怎么

11-06 亲亲特价:怎么删除回收站图标

11-06 济南大学虚拟社区:鲁大师节能降温的具体办

11-06 xlueops.exe:无线网络安装向导

11-06 女斗合众国:win7系统cf与主机连接不稳定怎

11-06 0xc000022-[cf烟雾头]cf怎么调烟雾头

11-06 qizideyouhuo:应用程序无法正常启动0xc0000

11-06 ipz-185:win7系统vcf文件怎么打开

11-06 傻哥蹦迪:win10系统s4怎么打开usb调试

11-06 八神浩树gtaste:回收站清空了怎么恢复

11-06 妖尾之黑色守护:win10系统电脑没有1440x900

11-06 校园至尊魔王小说:win7系统浏览网页时字体

11-06 女斗合众国:win10系统访问共享文件夹提示请

11-06 tokyo hot n0654:恢复win7系统默认字体一招

11-06 雨酷仙境:设置win7系统转移临时文件夹腾出

11-06 阿穆纳伊之杖:win7系统开始菜单在右边还原

11-06 tunespotting:win10系统火狐flash插件总是

11-06 甘尔葛分析师：计谋网站seo关键词暴涨有什

11-06 蔡贵霖: 计谋网站seo关键词暴涨有什么秘密

11-06 博益网首页:ao3网页版进入不了解决方法

11-06 漏斗子专栏: 网站数据分析小白易懂精华篇

11-06 见证双虹怎么做:win7系统开启telnet命令的

11-06 颾狐蝶蜋:系统资源不足无法完成请求的服务

11-06 国光中学校歌:提交网站到alexa查询详细步骤

11-06 西安有情天:静态网页和动态网页的区别

11-06 红木雅尚斋:外部链接构造对网站的好处

11-06 前官礼遇：防止域名劫持–增强域安全性的10

11-06 密传二转答案: 中文分词算法有哪些

11-06 金泉家园邮编:百度快照劫持的表现及应对方

C#画图（1）发布时间：2022-07-10

C#在数据层过滤属性中的主键发布时间：2022-07-10

剪的笔顺,诠释剪的笔画,认识剪的部首

六六分期app的软件客服如何联系？(六六分期

2023-10-27

florent37/ViewAnimator: A fluent Android

2022-08-15

florent37/Shrine-MaterialDesign2: implem

2022-08-17

CVE-2020-36276

2022-09-23

SimpleSoftwareIO/simple-sms: Send and re

2022-08-13

阅读排行榜

1 六六分期app的软件客服如何联系？(六六分期

六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期

阅读：19169|2023-10-27

2 可心卡盟:win10系统火狐flash插件崩溃怎么

今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知

阅读：9982|2022-11-06

3 亲亲特价:怎么删除回收站图标

今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道

阅读：8322|2022-11-06

4 济南大学虚拟社区:鲁大师节能降温的具体办

今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要

阅读：8691|2022-11-06

5 xlueops.exe:无线网络安装向导

我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多

阅读：8635|2022-11-06

6 女斗合众国:win7系统cf与主机连接不稳定怎

今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不

阅读：9651|2022-11-06

7 0xc000022-[cf烟雾头]cf怎么调烟雾头

电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很

阅读：8618|2022-11-06

8 qizideyouhuo:应用程序无法正常启动0xc0000

我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法

阅读：7995|2022-11-06

9 ipz-185:win7系统vcf文件怎么打开

今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win

阅读：8649|2022-11-06

10 傻哥蹦迪:win10系统s4怎么打开usb调试

今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎

阅读：7532|2022-11-06

客服电话

电子邮件

Ajax与C#应用详细实例

Javascript方式：

jquery：

Txt：

XML：

asp页面：

页面方法一：

页面方法二：

其他的刷新页面方法：

方法1：

CallbackRefresh：

JS 实现局部刷新：后台代码如下：

Iframe实现局部刷新：

请发表评论

全部评论

上一篇：

下一篇：

CVE-2022-28371

solegalli/feature-selection-for-machine-

hetznercloud/csi-driver: Kubernetes Cont

tianli/matlab_offscreen: Matlab offscree

win7系统重装系统初始设置的操作方法

剪的笔顺,诠释剪的笔画,认识剪的部首

六六分期app的软件客服如何联系？(六六分期

florent37/ViewAnimator: A fluent Android

florent37/Shrine-MaterialDesign2: implem

CVE-2020-36276

SimpleSoftwareIO/simple-sms: Send and re

关于我们

产品与服务

解决方案

139-2527-9053

客服电话

电子邮件

Ajax与C#应用详细实例

Javascript方式：

jquery：

Txt：

XML：

asp页面：

页面方法一：

页面方法二：

其他的刷新页面方法：

方法1：

CallbackRefresh：

JS 实现局部刷新： 后台代码如下：

Iframe实现局部刷新：

请发表评论

全部评论

上一篇：

下一篇：

CVE-2022-28371

solegalli/feature-selection-for-machine-

hetznercloud/csi-driver: Kubernetes Cont

tianli/matlab_offscreen: Matlab offscree

win7系统重装系统初始设置的操作方法

剪的笔顺,诠释剪的笔画,认识剪的部首

六六分期app的软件客服如何联系？(六六分期

florent37/ViewAnimator: A fluent Android

florent37/Shrine-MaterialDesign2: implem

CVE-2020-36276

SimpleSoftwareIO/simple-sms: Send and re

关于我们

产品与服务

解决方案

139-2527-9053

JS 实现局部刷新：后台代码如下：