如何手写Ajax实现异步刷新

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

只有通过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 }

完成!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-10-22 22:37:31

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

ajax的手写、封装和自定义设置

ajax的手写.封装和自定义设置 1.目标 如果只是会用ajax就行,建议使用jquery等提供ajax功能的库,简单暴力兼容性强还不容易出错. 这里是通过学习ajax来提高自己对ajax.http协议的理解. 手写一次完整的ajax(初级) 1.目标 理解如何手写一次完整的ajax,发起成功的请求,并能成功响应服务器回复的内容. 2.准备工作 一个能跑起来的后端,并预置了简单接口. 我这里提供一个github的简单后台,链接,原DEMO是用jquery写的ajax.具体可以参照该demo的说明

ASP.NET 中关于手写分页的代码

问题描述 求大神详解ASP中分页的知识,用DataList来显示,有点搞不清楚!看着蛋疼死了,特别是尾页做的想死了!! 解决方案 解决方案二:1.http://www.webdiyer.com/aspnetpagerdemo/pageddatalist/default.aspx2.http://blog.csdn.net/chinacsharper/article/details/9095387解决方案三:我用的是HTML+AJAX+.NET:分享我的经验:1:将要分页的表的所有数据总数查出来,

保存手写签名

Android 提供了很多丰富.实用而且很有特色的功能.比如,语音识别.手写签名等等.本篇就为你介绍如何在android上进行个性化的手写签名.   首先大致说说需求:这是一个追求时尚.张扬个性的时代,我们希望在签名的地方,签名的是自己手写出来的很有个性的艺术字,而非根据手势识别出来的标准字体.   设计思路如下,在画板上进行签名(其实就是绘制图片),完成后保存为图片.然后将图片按照一定的比率进行缩放并显示在指定的位置.   这里给出一个实例,实例只是一个简单的例子,如有需要可以进行必要的扩展.

性能-一款手写笔记软件的实现方式及问题

问题描述 一款手写笔记软件的实现方式及问题 要实现安卓设备上的手写功能,一种实现方式是:利用安卓的手势识别,主要是GestureOverlayView这个类里的功能和方法,记录用户触摸和移动的轨迹,形成路径path.路径path实际上就是一些点的集合.将这些路径组合成的笔画形成一个bitmap.写入到一个重写过的edittext中,即实现了手写笔记软件的主要功能. 上面实现的手写内容当文字数量比较多时,比如达到1000字左右,就会出现一些性能的问题.比如,想在笔记的中间插入一个手写字,实际执行的

代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧

最近接触了几个刚入门的iOS学习者,他们之中存在一个普遍和困惑和疑问,就是应该如何制作UI界面.iOS应用是非常重视用户体验的,可以说绝大多数的应用成功与否与交互设计以及UI是否漂亮易用有着非常大的关系.而随着iOS开发发展至今,可以说在UI制作上大家逐渐分化为了三种主要流派:使用代码手写UI及布局:使用单个xib文件组织viewController或者view:使用StoryBoard来通过单个或很少的几个(关于这点稍后会进行展开)文件构建全部UI.应该使用哪种方式来制作UI已经是iOS开发中

刘瑜手写武汉互联网六:网站定位

刘瑜手写武汉互联网六:网站定位http://hi.baidu.com/taibeilu 上周五的武汉互联网每周聚会参会人数突破预期,楚留香茶坊的现场显得有些拥挤.原定一小时的聚会最后延长了三小时,直到11点多才慢慢散场.部分参会人员没有事前短信通知,造成不能应变参会人数的增加带来的影响,在此要求大家以后参会都提前报名. 上周五聚会的主题是"网站定位",与会人员都能够积极参与交流,聚会通过现场站长自己的网站作为案例分析,各抒己见.现在总结聚会的内容,希望能够为大家起一定的作用,也希望大家

手写样式表:CSS语法全攻略(1)

css|攻略|样式表|语法 放弃可视化编辑器写CSS 如果有看上篇的例子的CSS时,你可能会问,我在DW中要怎样做才能有像下面这样的CSS呢? .test1,.test2 {color:Purple !important;color:blue;} 手写,在DW也有代码区,而且是有智能提示的,等于半手动写,本人一直用TopStyle,除了对中文的支持不是很好外,各方面都不错.在学C#的那段时间,发现VS.NET写CSS也很不错,就是有点大. 为什么不能用可视化编辑器写CSS呢?理由很简单,手写CS

MathType手写面板怎么设置

  MathType手写面板怎么设置         首先,要在MathType编辑界面中调出输入面板,这个过程也是很简单的.在打开MathType公式编辑器后,直接在MathType编辑界面的菜单中点击"编辑"--"打开数学输入面板". 编辑MathType菜单中的"编辑"--"打开数学输入面板" 此时会弹出一个如下图所示的手写输入面板. 弹出手写输入面板 在这个手写输入面板中,你直接移动鼠标面板中就会出现相应的书写痕迹,完

MathType手写面板菜单功能介绍

  MathType手写面板菜单功能介绍          首先,要在MathType的编辑窗口中打开输入面板,至于打开MathType的方法就不赘述了,可以从Word中打开,也可以直接从桌面或者资源管理器中打开,这都无所谓.在打开MathType后,直接在面板中点击"编辑"--"打开数学输入面板". 编辑MathType菜单中的"编辑"--"打开数学输入面板" 在点击"打开数学输入面板"以后,就会弹出手写