Cómo usar ajax en jq
Cinco pasos de la solicitud jqueryajax 1. Pasos para usar ajax para enviar datos
Paso 1: Crear un objeto asíncrono
varxhr=newXMLHttpRequest();
p>
Paso 2: Configure la línea de solicitud para abrir (método de solicitud, URL de solicitud):
///p>
/post Si el La solicitud GET tiene parámetros, es obligatorio Empalme los parámetros después de la URL,
//post Si hay parámetros, pase xhr.open(get post
Paso 3: configure la solicitud encabezado (el modo GET ignora este paso): setRequestHeader()
//1.get no necesita configurarse
//2.post necesita configurar el encabezado de la solicitud: tipo de contenido: aplicación/x-www-form-urlencoded
xhr.setrequestheader(tipo de contenido);
Paso 4: setRequestHeader send()
//Los parámetros de 1.get están empalmados en la URL y no es necesario utilizarlos en esta función
//2 Establezca los parámetros de publicación en esta función (si corresponde)
. xhr.send(null)xhr.send(username=
Paso 5: Deje que el objeto asincrónico reciba los datos de respuesta del servidor
Hay dos condiciones para una respuesta exitosa: xhr .onreadystatechange=function(){
if(xhr.status= =200
}
Estado de solicitud Ajax-get:
varxhr= newXMLHttpRequest();
xhr.open(get
p>)open(get)
xhr.send(empty);
xhr.onreadystatechange=function(){
if(xhr. status==200
document.queryselector(.showmsg
}
}
Estado de solicitud de publicación Ajax:
varxhr=newXMLHttpRequest();
xhr.open(post)
xhr .setrequestheader(tipo de contenido);
xhr.onreadystatechange=function() {
if(xhr.status==200
document.queryselector( ).send(username=
xhr.onreadystatechange=function(){
// Determine si el servidor está respondiendo y determine el estado de respuesta del objeto asincrónico.
if(xhr.status==200.showmsg System.out.println(array.toString()); this.result=array.toString(); Estas tres líneas de código no son necesarias. operación real En, siempre que haya métodos get y set, los valores se pueden pasar al front-end.
¿Cómo obtiene ajax la longitud de un campo en una matriz anidada json?
Si el bucle tiene la longitud de la matriz Array Array.length, se siente mejor usar cada bucle de jq. $.each("Array", function(i, value){console.log(i, value)})
¿Cómo utilizar la función de devolución de llamada en ajax de jquery?
Siempre que la configuración sea correcta, puedes usar $.ajax({url: test.html, context: document.body, Success: function() {alert (callback function)}}), el código es el anterior. El mecanismo para implementar la función de devolución de llamada es:
(1) Definir una función de devolución de llamada
(2) Proporcionar el implementador de la función durante la inicialización y registrar el puntero de la función; de la función de devolución de llamada a la persona que llama;
(3) Cuando ocurre un evento o condición específica, la persona que llama usa el puntero de función para llamar a la función de devolución de llamada para procesar el evento. Expansión de conocimientos: jQuery es un conjunto de bibliotecas JavaScript para varios navegadores que simplifican las operaciones entre HTML y JavaScript. La primera versión fue lanzada en BarCampNYC en enero de 2006 por John Resig. Actualmente en desarrollo por un equipo de desarrollo dirigido por DaveMethvin. jQuery se utiliza en 59 de los 10.000 sitios web más visitados del mundo, lo que la convierte, con diferencia, en la biblioteca de JavaScript más popular. La función de devolución de llamada es una función proporcionada por la aplicación y llamada por la DLL del sistema Windows u otra DLL. Generalmente se usa para interceptar mensajes, obtener información del sistema o manejar eventos asincrónicos. En programación de computadoras, una función de devolución de llamada, o devolución de llamada para abreviar, es una referencia a un fragmento de código ejecutable que se pasa a otro código a través de parámetros de función.
Este diseño permite que el código de bajo nivel llame a subrutinas definidas por niveles superiores.
¿Detalles del ejemplo del método de transferencia de datos Ajax?
Al enviar y recibir información en aplicaciones asincrónicas, generalmente se eligen texto sin formato y XML como formatos de datos (consulte "Notas de aprendizaje de jQuery sobre ejemplos de uso de Ajax"), y ahora existe un método más popular: JSON ( Notación de objetos JavaScript). Los siguientes ejemplos ilustran la aplicación de estos tres formatos de datos en aplicaciones asincrónicas ajax.
1. Texto sin formato
1. Enviar/recibir datos:
Codeischeap.
Mire el código:
testJs.js
// Esta función es equivalente a document.getElementById/document.all
function$(s){ if(document .getElementById){returneval('document.getElementById("' s '")');}else{returneval('document.all.' s);}}
//Crear un Objeto XMLHttpRequest para enviar solicitud ajax
functioncreateXMLHTTP(){
varxmlHttp=false;
vararrSignatures=;
for(var=0 ;iarrSignatures.length ; i ){
prueba{
xmlHttp=newActiveXObject(arrSignatures);
returnxmlHttp;
}
catch( oError){
xmlHttp=false; //ignorar
}
}
}
//thrownewError("MSXMLnoestáinstaladoensusistema.");
if(! xmlHttptypeofXMLHttpRequest!='undefinido'){
xmlHttp=newXMLHttpRequest();
}
returnxmlHttp;
}
varxmlReq = createXMLHTTP();
/ Enviar solicitud de procesamiento ajax (aquí solo necesita verificar el nombre de usuario y la validez de la contraseña, el valor predeterminado es ingresarlo correctamente: el nombre de usuario y la contraseña son pruebas)
functionvalidatePwd(oTxt){
varurl="/ AjaxOperations.aspx";
xmlReq.open("post", url, true);
xmlReq.setRequestHeader("Content-Length", oTxt.value.length $(" txtUserName").value.length);
p>xmlReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlReq. onreadystatechange=callBack;
xmlReq. send("action=chkPwduserInfos=" escape(oTxt.value "/" $("txtUserName").value));//Enviar texto
}
functioncallBack(){
if(xmlReq.readyState==4){
if(xmlReq.status==200){
alert(xmlReq.responseText); // Recibir texto
}
p>
elseif(xmlReq.status==404){
alert("La URL solicitada no se encuentra.");
}elseif(xmlReq.status==403){
alert("Acceso denegado.");
}else
alert("statusis " xmlReq.status);
}
}
¿Cómo utilizar jquerymobile para desarrollar aplicaciones web?
jQueryMobile es un marco de sitio web móvil html5 basado en jquery. La interfaz del sitio web que se puede crear con él es similar al estilo de la aplicación. La documentación de jQueryMobile no tiene mucho contenido y solo toma una hora leerla. Está dividida aproximadamente en 8 páginas de funciones principales: la unidad más básica, que incluye encabezado, pie de página y barra de navegación: cuadro de diálogo. Al interactuar en la pantalla del teléfono móvil, no creo que el cuadro de diálogo emergente sea muy amigable con las transiciones: formulario de transición: botones de formulario: botones grandes, botones pequeños (botones pequeños colocados en varias columnas) y también proporciona algunos integrados. Vista de lista de iconos estándar: lista, esta es la interfaz de usuario principal de jquerymobile. La interfaz de usuario principal de jquerymobile proporciona más de 10 tipos de listas, eventos simples y fáciles de usar: varios eventos de desplazamiento, deslizamiento y arrastre. Tema: proporciona oficialmente 5 tipos de máscaras y también hay herramientas para personalizar el cambio de máscaras. solo es necesario cambiar una clasejQueryMobile por completo. Es compatible con ajax y también se puede usar como una plantilla html normal para representar datos en el backend. Elegí esta última
.