初学者--AJAX详细实例

2025-11-01 06:07:59

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详细实例

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢