Ajax运行原理及使用方法

1、ajax是什么 ？

①ajax(asynchronouse Javascript and xml) 异步的Javascript 和 xml

② 7种技术的综合,它包含了七个技术( Javascript xml xstl xhtml dom xmlhttprequest css),  ajax 是一个粘合剂,

③ajax是一个与服务端语言无关的技术. 即可以使用在(php/java ee/.net网站/ asp)

④ajax可以给客户端返回三种格式数据(文本格式 ，xml , json格式)

⑤无刷新数据交换技术有以下: flash, java applet, 框架, iframe,  ajax)

2、ajax 的运行原理分析

ajax更详细的原理图

3、使用ajax与服务器通信的的步骤

创建一个XMLHttpRequest对象

创建url,data,通过 xmlHttpRequest.send()

服务器端接收 ajax的请求,做相应处理(操作数据库)，然后返回结果

客户端通过xmlHttpRequest的属性 reponseText , responseXML 取的数据，然后就完成局部刷新当前页面任务

4、使用ajax完成用户名是否存在验证

registerProcess.jsp

<%@ page cOntentType="text/html" pageEncoding="utf-8"%>
<%
  String username = request.getParameter("username");
  if("dahao".equals(username)){ //3号线
          out.print("用户名不可用");
  }
  else out.print("用户名可用");
%>
register_get.html

使用get方式向服务器提交请求

    
    
    



    用户名字:
    
    

    用户密码:

    电子邮件:

    


    用户名字:
    

    用户密码:

    电子邮件:

    



register_post.html

使用post方式向服务器提交请求

    
    
    



    用户名字:
    
    

    用户密码:

    电子邮件:

    


    用户名字:
    

    用户密码:

    电子邮件: