所谓的异步刷新，就是不刷新整个网页进行更新数据。

　　只有通过js才能实现Ajax，进而实行异步刷新

　　表单提交数据和Ajax提交数据的区别：表单提交是提交的整个页面中的数据，提交数据之后会抛弃之前的页面(刷新页面)；ajax是在当前页面提取某些数据并提交出去，并能接收返回来的数据，处理之后进而显示在当前页面(不刷新页面)。

　　

【例子】==验证用户名是否重复==

　　

　　使用Ajax的思路：在要刷新的页面中写js和Ajax代码，把数据提交给另一个页面，在Page_Load中写查询代码并把结果返回到刷新的页面。

　　

　　

界面

一、使用Linq连接数据库

二、把jquery文件导入到项目中。代码写在<head>中

　　

<script src="js/jquery-1.2.3.pack.js" type="text/javascript"></script>

三、在刷新的页面写如下代码。代码写在<head>中

　　

<script src="js/jquery-1.2.3.pack.js" type="text/javascript"></script>  <%--调用jquery--%>

    <script>

        $(document).ready(//当页面准备好加载完成的时候触发

            function getval() {

                $("#TextBox1").blur(function () {//当鼠标点击或离开时触发

                    var txt = $(this).val();//获取文本框的值

                    //使用ajax发送出来文本框的值

                    $.ajax( {

                        url: "De.aspx",

                        type: "POST",

                        data: {id:txt},

                        //接收数据库返回的信息

                        datatype: "xml",

                        success: function (data) {//data中的数据就是De页面中count的数据

                            var co = $(data).text();

                            if (parseInt(co) == 0) {

                                var lbl = document.getElementById("Label1");//利用js输出

                                lbl.innerHTML = "√";

                            } else {

                                var lbl = document.getElementById("Label1");

                                lbl.innerHTML = "此用户名已注册";

                            }

                        }

                    });

                });

            });

    </script>

四、在传值的页面中的Page_Load中写如下代码

　　

 protected void Page_Load(object sender, EventArgs e)

    {

        //查询传过来的数据

       DataClassesDataContext  dc = new DataClassesDataContext();

        string uid = Request["id"].ToString();

        int count = dc.STOpro.Where(r => r.Stoid == int.Parse(uid)).Count();

        //以xml形式返回

        Response.Write("<?xml varsion='1.0'?>");

        Response.Write("<count>" + count + "</count>");

        Response.End();//关掉Response

    }

完成！

如何手写Ajax实现异步刷新的更多相关文章

  1. 怎么手写Ajax实现异步刷新

    所谓的异步刷新,就是不刷新整个网页进行更新数据. 只有通过js才能实现Ajax,进而实行异步刷新 表单提交数据和Ajax提交数据的区别:表单提交是提交的整个页面中的数据,提交数据之后会抛弃之前的页面( ...

  2. .net学习之Session、Cookie、手写Ajax代码以及请求流程

    1.IIS 7 以上版本集成了两种模式,一种是经典模式,一种是集成模式(直接将asp.net框架集成到IIS中) 2.浏览器和服务器端通过什么技术来实现的?Socket(套接字),通信的语法是HTTP ...

  3. 前端面试题整理——手写AJAX

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. 一套手写ajax加一般处理程序的增删查改

    倾述下感受:8天16次驳回.这个惨不忍睹. 好了不说了,说多了都是泪. 直接上代码 : 这个里面的字段我是用动软生成的,感觉自己手写哪些字段太浪费时间了,说多了都是泪 ajax.model层的代码: ...

  5. 不借助jquery封装好的ajax，你能用js手写ajax框架吗

    不借助jquery封装好的ajax,你能手写ajax框架吗?最基础的ajax框架,一起来围观吧. .创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); ...

  6. 手写Ajax的意义所在，从青铜到钻石！

    话说菩提祖师打了孙猴子三板子  然后悟空学会72般变化以及一身神通 对待这个问题作为面试者要思考更加深层次的意义 才更能获得认可 实际上写的ajax 很能看出一个的水平 贴几段代码就可以看出水平的高低 ...

  7. 纯手写AJAX

    function ajax(){ //http相应对象 var xmlhttp; //判断浏览器 if(window.XMLHttpRequest){ xmlhttp = new XMLHttpReq ...

  8. 常见的JS手写函数汇总（代码注释、持续更新）

    最近在复习面试中常见的JS手写函数,顺便进行代码注释和总结,方便自己回顾也加深记,内容也会陆陆续续进行补充和改善. 一.手写深拷贝 <script> const obj1 = { name ...

  9. 手写原生ajax

    关于手写原生ajax重要不重要,各位道友自己揣摩吧, 本着学习才能进步,分享大家共同受益,自己也在自己博客里写一下 function createXMLHTTPRequest() { //1.创建XM ...

随机推荐

  1. git安装和GitHub使用

    一.git安装 1.git下载 https://github.com/git-for-windows/git/releases/tag/v2.17.1.windows.2 在如上地址下载git,并安装 ...

  2. oneinstack 安装 https-certbot

    免费https?   官方安装教程:https://certbot.eff.org/#centos6-nginx (以下是说明安装时遇到的): 下载并修改文件权限 wget https://dl.ef ...

  3. Yii2的Gridview应用技巧补充

    Yii2框架下的Gridview通常用来展示一张DB表中的数据,十分方便.这里只说一下经常要用到的一些小技巧,其实大多数官方文档都是有的,只是有可能需要在多个文档里. 自动创建的gridview示例. ...

  4. Codeforces 1037C Equalize

    原题 题目大意: 给你两个长度都为\(n\)的的\(01\)串\(a,b\),现在你可以对\(a\)串进行如下两种操作: 1.交换位置\(i\)和位置\(j\),代价为\(|i-j|\) 2.反转位置 ...

  5. 让WinSCP和Putty一直保持连接

    转: 让WinSCP和Putty一直保持连接 2015年08月14日 01:08:19 zcczbq 阅读数:13173 标签: puttywinscp 更多 个人分类: Operation   版权 ...

  6. go 的包

  7. Kubernetes之Deployment控制器

    Deployment 简介 deployment 是用来管理无状态应用的,面向的集群的管理,而不是面向的是一个不可变的个体,举例:有一群鸭子,要吃掉一个,只需要再放一个新的鸭仔就好了,不会影响什么,而 ...

  8. LFYZ-OJ ID: 1015 统计数字（NOIP2007）

    分析 本体思路很简单:读入数据,排序.统计.输出.难点在于数据量较大,选择何种排序方法就极为重要,否则很容易发生内存或时间超限.可以考虑以下几种思路: 桶排序 桶排序是可以想到的最简单方法,可在O(n ...

  9. 闭包创建自己的 plugin 示例 加载 loading

    plugin  插件 什么是 plugin? 实现一个功能,与主应用程序分离,减少主应用程序的大小,高复用,可维护 制作过程中,一定要避免依赖其他的元素,减少 id 等的使用,避免与页面中其他内容冲突 ...

  10. HTML（六）HTML iframe 使用postMessage方法进行跨文档消息传递

    什么是iframe HTML内联框架元素 <iframe> 表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中. <iframe id="inlineFram ...