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

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有字节限制；