Ajax：提交数据

一、Get请求

1. 创建XmlHttpRequest 对象。 这部分创建对象的代码，由于需要针对不同的浏览器， 需要做出判断，并且还没有什么提示， 所以大家可以不用自己写。 往后直接拷贝即可。

function ajaxFunction() {
		var xmlHttp;
		try {
			xmlHttp = new XMLHttpRequest();
		} catch (e) {
			try {// Internet Explorer
				xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				try {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {
				}
			}
		}
	return xmlHttp;
}
		

2. 发送请求

function doGet() {
		//不带数据，直接请求。

		//获取 xmlhttprequest 对象
		var request = ajaxFunction();

        // http://localhost:8080/day16/demo01.jsp
		//http://localhost:8080/day16/DemoServlet01
		/*	
		参数一： 请求类型  GET or  POST
		参数二： 请求的路径
		参数三： 是否异步， true  or false
		 */
		request.open("GET", "Demo01", true);

		//发送请求。
		request.send();


		--------------------------------以下带上数据--------------------------------------

		//获取 xmlhttprequest 对象
		var request = ajaxFunction();

		// 参数一： 执行 get 请求 ， 参数二 ： 请求的地址 ， 参数三：　是否是异步请求。
		request.open("GET", "Demo01?name=zhangsan&age=18", true);
        //发送请求
		request.send();
}

二、Post请求

Post请求和Get请求基本相似，区别就在于数据传输方式不同。Get方式是直接在地址的后面拼接的，但是Post的方式是通过send方式传输过去的，并且还要设置一个请求头。基本上，如果明白了Http的协议，那么对Post请求的代码理解起来就不是那么困难了。

1. 创建XmlHttpRequest 对象。 这部分创建对象的代码，由于需要针对不同的浏览器， 需要做出判断，并且还没有什么提示， 所以大家可以不用自己写。 往后直接拷贝即可。

function ajaxFunction() {
		var xmlHttp;
		try {
			xmlHttp = new XMLHttpRequest();
		} catch (e) {
			try {// Internet Explorer
				xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				try {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {
				}
			}
		}
	return xmlHttp;
}

2、发送请求

function doPost(){
	//不带数据，直接请求。

	//获取 xmlhttprequest 对象
	var request = ajaxFunction();

	// 参数一： 执行 get 请求 ， 参数二 ： 请求的地址 ， 参数三：　是否是异步请求。
	request.open("POST", "Demo01", true);

	//发送请求。
	request.send();


    --------------------------------以下带上数据--------------------------------------
    //获取 xmlhttprequest 对象
	var request = ajaxFunction();

	// 参数一： 执行 get 请求 ， 参数二 ： 请求的地址 ， 参数三：　是否是异步请求。
	request.open("POST", "Demo01", true);

    //设置请求头，其实就是表示传输的是一个经过url编码的form表单数据
    request.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    request.send("name=zhangsan&age=18");
}