petición de obtención ajax

Solicitar la adquisición de paso Ajax

Paso 1: Crear objetos fundamentales de Ajax: objeto XMLHttpRequest
nuevo un objeto XMLHttpRequest
Este objeto es un navegador incorporado objeto, se puede utilizar directamente.
Paso dos: Registre la función de devolución de llamada.
Llamar onreadystatechange función de devolución de
la ejecución del programa de aquí, detrás de la función de devolución de llamada no funciona, pero la función de registro para el objeto XMLHttpRequest.
Así que cuando cambia el objeto XMLHttpRequest readySate, seguido por la función de devolución de llamada se ejecuta.
objeto XMLHttpRequest en el proceso de solicitud y respuesta, estado readyState del objeto de 0-4
0: No inicializado solicitud
1: el servidor se ha establecido
2: solicitud aceptada
3: Procesamiento de solicitud de
4: solicitud ha completado
el tercer paso: abertura canalizar entre el navegador y el servidor.
Llame a la función abierta.
Función tiene tres parámetros
primero: solicitud POST modo de realización / GET
segundo: direcciones URL
Tercero: tura representante de asíncrona, sincronización falsa
Paso cuatro: las peticiones Ajax
llamar al método send

casos Get visto del Ajax

1. Mensaje de petición ajax envía el nombre de usuario, y muestra el servidor

<script type="text/javascript">
	function checkUsername(username){
		var xhr = new XMLHttpRequest();
		
		xhr.onreadystatechange = function(){
			if(xhr.readyState == 4){
				if(xhr.status == 200){
					var s = xhr.responseText;
					var name=document.getElementById("nameTipMsg");
					name.innerHTML= s;
				}else{
					alert(xhr.status);
				}
			}
		}
		xhr.open("GET","User.do?username="+username,true);
		xhr.send();
	}
</script>
	用户名:<input type="text" name="username" onblur="checkUsername(this.value)"/><span id="nameTipMsg"></span><br>
	密码:<input type="password" name="password"/><br>
</body>

2. Configurar web.xml (configuración de ruta de acceso)

<servlet>
	<servlet-name>User</servlet-name>
	<servlet-class>com.ajax.User</servlet-class>
</servlet>

<servlet-mapping>
	<servlet-name>User</servlet-name>
	<url-pattern>/User.do</url-pattern>
</servlet-mapping>

3. Verificar parámetros de la petición Ajax, la respuesta enviada al cliente

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class User extends HttpServlet{
	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		String username  =request.getParameter("username");
		if("admin".equals(username)){
			
			out.print("用户名已存在");
		}else{
			out.print("用户名已注册");
		}
	}

}
Publicados 114 artículos originales · ganado elogios 8 · vistas 5502

Supongo que te gusta

Origin blog.csdn.net/OVO_LQ_Start/article/details/104660513
Recomendado
Clasificación