ajax学习笔记

 

       AJAX 是几个英文单词的首字母组合而成的，Ajax包括的内容涉及的方面

使用了xhtml和css标准的显示技术，使用了DOM进行动态的显示和交互，xml和xsl进行数据交换和处理，xml  httpRequest进行数据的检索—浏览器内置对象，JavaScript来将以上就是进行融合。

Ajax的异步通信工作原理：

先简述一下同步：用户（在url地址栏输入页面的请求）--服务器端接收到请求进行相应的处理，这段时间客户处于等待状态，后续的操作被暂停）---返回数据到客户端—客户才能继续进行操作

异步：就是用了Ajax之后的效果吧用户（在url地址栏中输入页面请求http:wwwbaidu.com）服务器接受信息（函数或者新方法等待接收信息）--客户端继续向下执行（如果服务器处理请求结束，结果返回新方法）--浏览器只处理所需的数据（不涉及整个页面的刷新）

2、功能

1）、改善表单验证的提交方式，不需要打开新的页面，也不需要进行整个页面的提交

2）、不需要刷新减少等待时间

3）、按需要获取数据信息

4）、读取外部的数据，进行整合

5）、异步交互

这是我今天实现异步的一部分

function verify(){

//第一种AJAX方法：使用jquery对象中的方法

//jquery返回的是jquery对象

//javascript返回dom节点(对象)

 

//1、获取文本框中客户输入的用户名信息

//第一种方式javascript-DOM

//document.getElementById("username");

//php面向对象  ->

//第二种方式jquery

//DOM-元素节点、属性节点、文本节点

//获取元素节点信息

var name = $("#username");

//获取该元素节点的数据信息

var username = name.val();

//alert(username);

//2、将接收到数据发送到服务器端demo.php

//$.get("服务器端脚本名称"，参数，callback);

//服务器端脚本名称：demo.php

//参数：{属性名：属性值，属性名：属性值，...}

//例如：<img src="2.jpg" alt="hello">

//img{

// src:2.jpg,

// alt:hello,

// ......

//}

//   http://../../index.php?name="zhangsan"

//用户数据发送到服务器，等待demo.php文件执行

 

$.get("demo.php?name="+username,null,callback);

}

 

//使用匿名函数

//$.get("demo.php?name="+username,null,function (data){

//alert(data);});

function callback(data){

//实现异步的回调函数

//等待服务器端返回该用户的信息：成功  或者  **不存在；

//alert("收到了");

//当服务器端处理完成后返回的数据被保存到参数data里边

alert(data);

 

//将该文档对象显示到div区域

var result = $("#result");

result.html(data);

}