用ajax技术实现的一个小例子

最新推荐文章于 2022-04-07 15:40:01 发布

itcoco

最新推荐文章于 2022-04-07 15:40:01 发布

阅读量2k

点赞数

分类专栏： web 文章标签： ajax xmlhttprequest function input button ie

本文链接：https://blog.csdn.net/itcoco/article/details/4413397

版权

web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

早就听说过ajax，不过想着是网页上的技术，一直没有研究过。最近由于工作需要，写web页面，想实现局部刷新页面的效果，同时进行一些后台操作，比如操作数据库。找同事帮忙实现了一下，今天闲来无事，自己研究了一下，还挺简单就能实现我想要的效果。

先说下概念吧，都是从网上搜的，理解了这些，写代码就简单了。

XMLHttpRequest是Ajax技术体系中最为核心的技术。缺少了它，Ajax的其余技术就无法成为一个有机的整体，将会土崩瓦解。

目前在IE 5.0、IE 6.0中创建XMLHttpRequest对象的语法如下：

　　 var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

　　而在非IE浏览器中创建XMLHttpRequest对象的语法如下：

var xmlhttp = new XMLHttpRequest();

用来设置同步和异步方式的是XMLHttpRequest对象的open方法的第3个参数，这个参数为true代表异步，为false代表同步。例如：

　　xmlhttp.open("GET", "http://www.writeblog.csdn.net/Rss.aspx", true);

如果是使用异步方式来进行通信，还需要设置一个回调函数，当数据返回时系统会调用这个回调函数。通过为XMLHttpRequest对象的onreadystatechange属性赋值来设置一个回调函数.

现在来贴上一段小代码，很简单，点一个按钮让一个div消失，就是看不见了。

<html> <head> <title>ajax小例子--yezi</title> </head> <body> <div id="testajax"> <INPUT NAME="box1" TYPE="checkbox" id="tt" > 选择 <input type="button" id="filedelete" name="filedelete" onClick="delfile('hi')" value="隐藏" class="submit" /> </div> </body> <mce:script type="text/javascript"></mce:script> </html>

itcoco

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
用ajax技术实现的一个小例子

早就听说过ajax，不过想着是网页上的技术，一直没有研究过。最近由于工作需要，写web页面，想实现局部刷新页面的效果，同时进行一些后台操作，比如操作数据库。找同事帮忙实现了一下，今天闲来无事，自己研究了一下，还挺简单就能实现我想要的效果。先说下概念吧，都是从网上搜的，理解了这些，写代码就简单了。 XMLHttpRequest是Ajax
复制链接

扫一扫