Question

通过XMLHttpRequest和jQuery实现ajax的几种方式_jquery

Answer 1

示例一：利用Ajax来动态获取时间的例子。


HTML代码：





创建一个“一般处理程序”来处理前台请求，返回系统当前时间：

Handler.ashx


js代码：

我们用jquery来前台js代码会变得十分简洁：


基于jquery编写的js代码：


注意：HTML代码要把button的onclick事件去掉，因为我们直接在js用了事件绑定。


不得不说jquery“简约而不简单”??


jquery中的$.ajax集合了get、post方法，默认的是get。


如果直接用POST的话，代码更简单


示例二：


一、XMLHttpRequest实现获取数据


不使用jQuery实现页面不刷新获取内容的方式，我们这里采用XMLHttpRequest原生代码实现；

js代码如下：


插入HTML代码：

点击获取文本内容
二、jQuery实现ajax获取信息

这个例子是动态的从后台获取数据来改变下拉按钮的内容；


js代码如下：

HTML代码如下：

其中type类型有get和post两种；

post 可以传输的数据量比较大，get有字节限制；