初学者--AJAX详细实例

时间:2026-02-17 14:04:09

1、AJAX通过在后台与服务器进行少量的数据交换,是网页可以进行异步更新。AJAX的核心是javascript对象XMLHttpRequest。

AJAX不是一门编程语言,而是一种用于创建交互性强的web应用程序技术。

2、下面来看AJAX的实例:

网页页面:get.html

页面中主要包括

<input type="button" value="GET" id="btn" onclick="btn_click();" />

由于贴出代码来没有格式,太难看,于是贴图:

初学者--AJAX详细实例

3、js代码如下:

核心代码:

//创建XMLHttpRequest对象

var xmlHttp = new XMLHttpRequest();

//配置XMLHttpRequest对象

xmlHttp.open("get",“”);

//发送请求        

xmlHttp.send(null);

初学者--AJAX详细实例

4、Get.aspx页,Get.aspx.cs代码如下:

见下图

//得到AJAX传来的值:

string username = Request.QueryString["username"];    

string age = Request.QueryString["age"];

初学者--AJAX详细实例

5、结果:见下图

初学者--AJAX详细实例

6、现在只写了一个小实例,后面还有对AJAX的各种问题进行详解:

1.创建在大部分浏览器都能运行。

2.使用get请求时存在缓存的问题。

3.中文乱码问题。

4.如何使用post传递数据。

5.post与get的区别

6.怎么使用json数据。

7.如何使用xml数据。

初学者--AJAX详细实例

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com