jQuey_Ajax的使用

标签：通信   ready   9.png   txt   script   发送   ges   innerhtml   异步请求   

异步调用，局部刷新

Ajax工作流程

    XMLHttpRequest对象直接与服务器通信，异步传输数据

Ajax实现步骤

    1.创建XMLHttprequest对象，作用：异步请求，数据的传送

    2.设置回调函数：

        当服务器做出正确响应返回后，需要对返回的数据进行处理，处理的代码写在回调函数中

        回调函数最后才调用

    3.初始化HttpRequest组件

    4.发送请求

Ajax原理

原生Ajax：

script>
	
	//1.获取XMLHttpRequest对象的函数
	fuction getXMLHttpRequest(){

		if(window.XMLHttpRequest){

			return new XMLHttpRequest();
		}
	}

	var xht;

	//文本框失去焦点触发的函数
	function inputLogin(txt){

		xhr = getXMLHttpRequest();		//调用方法创建XMLHttpRequest对象

		//初始化XMLHttpRequest对象
		xhr.open("GET","AdminServlet?loginId" + loginId,true);

		//XMLHttpRequest对象发送请求
		xhr.send(null);
	}


	//3.回调函数
	function resultFunction(){

		var s = ducument.getElementById("s");
		if(xhr.readyState == 4) { //请求完成

			if(xhr.status ==200) {  //表示服务端正确返回数据

				var data = xhr.responseText;

				if(data == "yes"){

					s.style.color = "green";

					s.innerHTML = "用户名可用";

				}else{

					s.style.color = "red";

					s.innerHTML = "用户名不可用";
				}
			}
		}
	}



</script>

Ajax实现登录用户名验证

引入的jar包

循环输出json数据

jQuey_Ajax的使用

标签：通信   ready   9.png   txt   script   发送   ges   innerhtml   异步请求   

原文地址：http://www.cnblogs.com/anstoner/p/7429420.html