基于 XMLHttpRequest实现的Ajax请求

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Ajax实现</title><script type="text/javascript">/* http协议 无状态协议 不保留任何信息浏览器向服务器发送请求 TCP连接 关闭TCP http 状态码1xx: 信息类,表示收到web浏览器请求,正在进行一步的处理中 2xx:成功,表示用户请求被正确接收,理解和处理例如:200 OK 3xx:重定向,表示请求没有成功,,客户必须采取进一步的动作 4xx:客户端错误,表示客户端提交的请求有错误,例如:404 NOT 5xx:服务器错误,表示服务器不能对请求的处理 例如500XMLHttpRequest取得相应responseText :获取字符串形式的相应数据 responseXML:获取xml形式的相应数据 status和statusText:以数字和文本的形式返回HTTP状态码 getAllResponseHeader():获取所有的响应报头 getResponseHeader();查询相应中的某个字段的值 readyState 属性0:请求未初始化,open 还没调用 1:服务器连接已建立,open已经调用了 2:请求已接收,也就是接收到头信息了 3:请求处理中,也就是接收到响应主体了 4:请求已完成,且响应已就绪,也就是响应已完成*/var rq=null; function ajax(){// 获取 不支持IE5、6rq=new XMLHttpRequest();//open("请求方式GET/POST","请求地址url",同步异步/truefalse)rq.open("GET","AjaxServlet?name=zhangsan&age=4",true);//设置头信息 表示向服务器发送了一个表单信息 一定是子啊open 与 send之间//rq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");//发送请求rq.send();//监听请求rq.onreadystatechange=function(){//响应是否完成if(rq.readyState==4){//请求是否成功if( rq.status==200){//请求返回内容alert(rq.responseText);}else{//请求是否完成alert("发生错误了"+rq.status);}} }}</script></head><body><button onclick="ajax()">ajax</button></body></html>

服务端代码:

package csdn.test.servlet;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * Servlet implementation class AjaxServlet */public class AjaxServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public AjaxServlet() {super();// TODO Auto-generated constructor stub}/** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubdoPost(request, response);}/** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubrequest.setCharacterEncoding("UTF-8");response.setContentType("text/html;charset=utf-8");String name=request.getParameter("name");String age=request.getParameter("age");System.out.println(name+"________"+age);response.getWriter().write("access");}}

在时光的激流中,我们总会长大。

基于 XMLHttpRequest实现的Ajax请求

相关文章:

你感兴趣的文章:

标签云: