多语言展示
当前在线:739今日阅读:2今日分享:38

初学者--AJAX详细实例

怎么在提交数据的时候,不让页面进行刷新?那就利用js的AJAX进行提交。jquery的AJAX是一个神奇的技术。
工具/原料
1

jquery

2

AJAX

方法/步骤
1

AJAX通过在后台与服务器进行少量的数据交换,是网页可以进行异步更新。AJAX的核心是javascript对象XMLHttpRequest。AJAX不是一门编程语言,而是一种用于创建交互性强的web应用程序技术。

2

下面来看AJAX的实例:网页页面:get.html页面中主要包括由于贴出代码来没有格式,太难看,于是贴图:

3

js代码如下:核心代码://创建XMLHttpRequest对象var xmlHttp = new XMLHttpRequest();//配置XMLHttpRequest对象xmlHttp.open("get",“”);//发送请求        xmlHttp.send(null);

4

Get.aspx页,Get.aspx.cs代码如下:见下图//得到AJAX传来的值:string username = Request.QueryString["username"];    string age = Request.QueryString["age"];

5

结果:见下图

6

现在只写了一个小实例,后面还有对AJAX的各种问题进行详解:1.创建在大部分浏览器都能运行。2.使用get请求时存在缓存的问题。3.中文乱码问题。4.如何使用post传递数据。5.post与get的区别6.怎么使用json数据。7.如何使用xml数据。

推荐信息