Cómo utilizar el formulario de solicitud jqueryajax
Paso 1: ¿Citar js?
lt;! --El min aquí comprime su propia herramienta de compresión js en una versión completa
No es un min real, por lo que es fácil de usar--gt;
lt; type=" text/javascript"?src="js/jquery-1.7.min.js"gt;lt;/scriptgt;
lt;script?type="text/javascript"?src=" js/jquery .form.js"gt;lt;/scriptgt;
Paso 2: ¿Escribir la página del formulario?lt; form?id=" showDataForm"?
action=" /024pm /f_shopUser.do?method=login"?method="post"gt; lt;input?type="text"?value=""?name="nombre"?maxlength="2"/ gt; lt; entrada? tipo="contraseña"?valor=""?nombre="contraseña"?maxlength="2"/gt; entrada?tipo="enviar"?valor="enviar"/gt;
lt /formgt;
lt; div?id="salida1"?
estilo="ancho: 1000px; alto: 200px;"gt; p> lt; /divgt;
lt; /divgt;
Paso 3: ¿Escribir js para llamar a jquery.form.js para realizar el envío ajax? $(document).ready(function()?{ var?{ target: ?#output1', //? Los datos pasados desde el servicio se mostrarán en este div, también conocido como actualización parcial de ajax beforeSubmit: ?showRequest, //? Procesamiento éxito antes del envío de ajax:?showResponse //Procesamiento después del procesamiento}; $('#showDataForm').submit(function()?{ $(this).ajaxSubmit(options); return?false;? // Muy importante, si es falso, no es un salto //Procesado en esta página, que es ajax, y si no es falso, un salto en forma tradicional }); >función?showResponse(responseText,?statusText,?xhr,? $form)?{ alert(xhr.responseText "==" $form.attr("método") 'status:?') ? nresponseText:?\n'? ?responseText);
//xhr: indica que puedes usar ajax para solicitar nuevamente
//$form: es el objeto del formulario, es un objeto jquery
//statusTex
t: Estado, éxito significa éxito
//responseText, la cadena devuelta por el servidor (incluido html, no json, por supuesto)
}
función ?showRequest( formData,?jqForm,?options)?{ //formData es una matriz de mapeo clave-valor para cada entrada //Las cadenas se combinan después de ser procesadas por este método. //formData: reúne la cadena del formulario, como nombre=hera&;contraseña, //De hecho, es el par clave-valor ingresado por cada formulario, //Si se agrega método=XXXX, es equivalente a los datos en ajax. $.param(formData); alerta(queryString "======" formData.length para?(var?i=0;?i?lt;?formData.length;?i)?{ alerta(formData); [i].value "===============" formData[i].name } //jqForm, jquery?attr("maxlength")); devolver verdadero significa que usted valida antes de enviar el ajax //Si la validación es exitosa, envíe el formulario ajax //Si la validación no es exitosa, devuelva no verdadero y no envíe return?true;
}
¿Cuáles son los valores en el objeto de opciones? var?{ target:?#output1',? "); para obtener. //dataType:?null, dataType: 'json',
//El valor de este parámetro es el tipo de datos devuelto por el servidor, el valor predeterminado está vacío
// En otras palabras, el servidor puede devolver cadenas de forma predeterminada y luego colocar estas cadenas en el destino
// Por supuesto, hay también son json y xml, los más comunes son null y json
// Para };