怎么使用Ajax实现异步刷新

　　介绍

小编给大家分享一下怎么使用Ajax实现异步刷新,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

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

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

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

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

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

界面

怎么使用Ajax实现异步刷新

一、使用Linq连接数据库

二,把jquery文件导入到项目中。代码写在& lt; head>中

& lt; script  https://www.yisu.com/zixun/src=" js/jquery-1.2.3.pack.js " type=" text/javascript ">

三,在刷新的页面写如下代码。代码写在& lt; head>中

& lt; script  src=癹s/jquery-1.2.3.pack.js",类型=拔谋?javascript"祝辞& lt;/script>, & lt; %——调用jquery——%比; 　　, 　　,& lt; script> 　　(文档)时(美元才能//当页面准备好加载完成的时候触发 　　,,function  getval (), { 　　,,,(“# TextBox1") .blur(美元function (),{//当鼠标点击或离开时触发 　　,,,,var  txt =,(这)美元.val();//获取文本框的值 　　, 　　, 　　,,,,//使用ajax发送出来文本框的值 　　,,,,, 　　,,,,. ajax(,{美元 　　,,,,,url:,“De.aspx", 　　,,,,,类型:,“POST", 　　,,,,,数据:,{id: txt}, 　　, 　　, 　　,,,,,//接收数据库返回的信息 　　,,,,,数据类型:,“xml" 　　,,,,,成功:,function (数据),{//数据中的数据就是De页面中数的数据 　　,,,,,,var  co =,(数据)美元。text (); 　　,,,,,,if (方法(co),==, 0), { 　　,,,,,,,var  lbl =, . getelementbyid (“Label1");//利用js输出 　　,,,,,,,lbl.innerHTML =,“√”; 　　,,,,,,},{else  　　,,,,,,,var  lbl =, . getelementbyid (“Label1"); 　　,,,,,,,lbl.innerHTML =,“此用户名已注册“; 　　,,,,,,} 　　,,,,,,, 　　,,,,,} 　　,,,,}); 　　,,,}); 　　,,}); 　　,& lt;/script>

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

protected  void  employee (object ,发送方,EventArgs  e) 　　,{//才能查询传过来的数据 　　DataClassesDataContext 才能;dc =, new  DataClassesDataContext (); 　　string 才能;uid =,请求(“id") .ToString (); 　　int 才能;count =, dc.STOpro.Where (r =祝辞,r.Stoid ==, int.Parse (uid)) .Count ();//以xml才能形式返回 　　Response.Write才能(“& lt; ? xml  varsion=& # 39; 1.0 & # 39; ?在“); 　　Response.Write才能(“& lt; count>“, +, count  +,“& lt;/count>“); 　　Response.End才能();//关掉反应 　　, 　　以前,}

,完成!

怎么使用Ajax实现异步刷新

怎么使用Ajax实现异步刷新

什么是Ajax

Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。

怎么使用Ajax实现异步刷新