如何利用手写Ajax实现异步刷新

异步刷新意味着在不刷新整个网页的情况下更新数据。

Ajax只能通过js实现，然后可以实现异步刷新

表单提交数据与Ajax提交数据的区别：表单提交是提交的整个页面中的数据，提交数据后会丢弃上一页(刷新页面)；Ajax从当前页面中提取一些数据，提交它，接收返回的数据，并在处理后显示在当前页面上(不刷新页面)。

[示例]==验证用户名是否重复==

使用Ajax的思想是在要刷新的页面中编写js和Ajax代码，将数据提交到另一个页面，在Page_Load中编写查询代码，并将结果返回到刷新后的页面。

连接

首先，使用Linq连接到数据库

其次，将jquery文件导入到项目中。代码写在头上

script src=' http : js/jquery-1 . 2 . 3 . pack . js ' type=' text/JavaScript '/script iii。在刷新的页面上编写以下代码。代码写在头上

script src=' http : js/jquery-1 . 2 . 3 . pack . js ' type=' text/JavaScript '/script %-调用jquery-%script $(文档)。ready (//触发器函数getval () {$ ('# textbox1 '))。blur(function(){//trigger var txt=$(this))。当鼠标点击或离开时val()；//获取文本框的值//使用ajax $，将文本框的值发送出去。Ajax ({url:' de.aspx '，type:' post '，data: { id3360txt }，//接收数据库返回的信息datatype: 'xml '。Success3360函数(数据){//数据中的数据是De页面中的计数数据。var co=$(数据)。text()；if(ParSeint(co)=0){ var LBL=document . getelementbyid(' label 1 ')；//使用js输出LBL . innerhtml=''；} else { var LBL=document . getelementbyid(' label 1 ')；Lbl.innerHTML='此用户名已经注册'；} } });});});/脚本四。在传递值的页面中的Page_Load中编写以下代码

受保护的void page _ load(对象发送方，event args e){//查询传递的数据dataclassesdatacentext DC=new dataclassesdatacentext()；字符串uid=请求['id']。ToString()；int计数=dc。STOpro .其中(r=r.Stoid==int。Parse(uid))。count()；//返回响应。写('？xml varsion='1.0 '？);回应。write(' count ' count '/count ')；回应。end()；//关闭响应}完成！

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。