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

发布时间：2020-12-15 23:31:16 所属栏目：百科来源：网络整理

导读：示例一：利用Ajax来动态获取时间的例子。 HTML代码：创建一个“一般处理程序”来处理前台请求，返回系统当前时间： Handler.ashx using System;using System.Web;using System.Linq;using System.Collections.Generic;using System.Text;public class Handl

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

HTML代码：

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

Handler.ashx

using System; using System.Web; using System.Linq; using System.Collections.Generic; using System.Text; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; context.Response.Write(ShowTime()); } public bool IsReusable { get { return false; } } public static string ShowTime() { return DateTime.Now.ToString(); } }

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[i].name+""; } $("#carteam_code").empty().html(str); } }); }

HTML代码如下：

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!