Tome el proyecto como ejemplo, en el código
一 、$ (documento) .ready ()
Ejecutar después de cargar la estructura del documento (sin incluir archivos multimedia que no sean de texto, como imágenes)
$(document).ready(function(){
$('#a').function();
});
En segundo lugar, el significado de $ (# 'a')
$ ("# a"). val (), significa que hay un cuadro de texto con id = "a", $ ("# a"). val () es para obtener el contenido del cuadro de texto, que es
equivalente a document.getElementById ("a"). val ()
var a = $("#a").val();三 、document.forms [0]
formularios devuelve una colección (un objeto HTMLCollection) que contiene todos los elementos de formulario en el documento actual
1.document.forms: Obtiene todos los formularios de la página actual.
2.document.fornms [0]: Obtiene el primer formulario de la página actual.
3.submit () envía el formulario.
if (beginDate == "com"){
document.forms[0].action = "a.cmd";
}
document.forms[0].submit();Cuatro, alerta ()
alerta (): muestra un cuadro de alerta con un mensaje específico y un botón Aceptar.
Escrito en la etiqueta de secuencia de comandos,
el contenido entre paréntesis es una cadena o un número entero.
Haga clic para confirmar para cerrar, sin valor devuelto
function f(de) {
if ("0" == de) {
alert('该客户没有订单!');
} else {
***
}
document.forms[0].action = "c=" + de+"&sw";
document.forms[0].submit();
}
}五 、parent () 、 find () 、 encodeURI () 、 serialize ()
El método parent () devuelve el elemento principal directo del elemento seleccionado.
var tr=$(inpt).parent().parent();El método find () devuelve el valor del primer elemento de la matriz que pasó la prueba (juzgado en la función). Find here implementa el valor de name = a en input
var a_Id = tr.find("input[name*='a']").val();La función encodeURI () puede codificar una cadena como URI.
var url = encodeURI(encodeURI("url1 +"&ac="+ac)); La función de serialización, el
método serialize (). Serialize () crea una cadena de texto representada por la codificación de URL estándar. Su objeto operativo es un objeto jQuery que representa una colección de elementos de formulario.
El valor serializado se puede utilizar en la cadena de consulta de URL al generar una solicitud AJAX.
var form = $("#myForm").serialize();Extensión: el análisis de la operación del elemento del nodo del documento resumido por un gran dios
Seis, análisis ajax
$.ajax({
Enviar dirección de solicitud actual
url:url,La configuración predeterminada es verdadera y todas las solicitudes son solicitudes asincrónicas. Si necesita enviar una solicitud de sincronización, establezca esta opción en falso. Tenga en cuenta que la solicitud de sincronización bloqueará el navegador y otras operaciones del usuario deben esperar a que se complete la solicitud antes de que puedan ejecutarse.
async: false, Requiere un parámetro de tipo de cadena y espera el tipo de datos devuelto por el servidor Si no se especifica, JQuery devolverá automáticamente responseXML o responseText de acuerdo con la información de mime del paquete http y lo pasará como un parámetro de función de devolución de llamada. Los tipos disponibles son los siguientes:
xml: devuelve un documento XML, que puede ser procesado por JQuery.
html: Devuelve la información HTML de texto sin formato; la etiqueta de script incluida se ejecutará cuando se inserte en el DOM.
script: devuelve el código JavaScript de texto sin formato. Los resultados no se almacenan en caché automáticamente. A menos que se establezca el parámetro de caché. Tenga en cuenta que al realizar una solicitud de forma remota (no bajo el mismo dominio), todas las solicitudes de publicación se convertirán en solicitudes de obtención.
json: devuelve datos JSON.
jsonp: formato JSONP. Al llamar a una función en forma de SONP, por ejemplo, myurl? Callback = ?, JQuery reemplazará automáticamente el último "?" Con el nombre correcto de la función para ejecutar la función de devolución de llamada.
texto: devuelve una cadena de texto sin formato.
dataType: "text",
Los parámetros requeridos son de tipo Función. La función de devolución de llamada llamada después de que la solicitud es exitosa tiene dos parámetros.
(1) Los datos devueltos por el servidor y procesados de acuerdo con el parámetro dataType.
(2) Una cadena de caracteres que describe el estado.
los datos pueden ser xmlDoc, jsonObj, html, text, etc.
, el parámetro de opciones que se pasa cuando el estado llama a esta solicitud ajax
success: function (data, status) {
if (status == "success") {
Equivalente a la sintaxis básica document.getElementById ("a"). InnerHTML = "1";
método de elemento manual
https://www.w3school.com.cn/jsref/dom_obj_all.asp
$('#a').html("1"); Establezca "Imposibilidad" en falso de
tres formas para eliminar los atributos deshabilitados
$ ('# a'). Attr ("deshabilitado", falso);
$ ('# a'). RemoveAttr ("deshabilitado");
$ ('# a '). attr ("inhabilitado", "");
$("#a").attr("disabled", false); } else {
jError("加载失败！");
}
//layer,web弹层组件
layer.close(myLayer);
},
error: function () {
jError("加载异常！");
layer.close(myLayer);
}
});- Código de versión completo adjunto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="javax.swing.text.Document"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ page import="java.util.*"%>
<%
String a=request.getParameter("a");
String b=request.getParameter("b");
%>
<website:title>js与html学习汇总</website:title>
<script type="text/javascript">
//加载文档结构后（不包含图片等非文字媒体文件）执行
$(document).ready(function(){
$('#a').function();
});
function b() {
//$("#a").val(),表示有一个id="a"的文本框，$("#a").val() 是获得该文本框里面制的内容
//下面等同于document.getElementById("a")
var a = $("#a").val();
if (beginDate == "com"){
// forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素.
// 1.document.forms：获取当前页面所有表单。
// 2.document.fornms[0]:获取当前页面第一个表单。
// 3.submit()提交表单。
document.forms[0].action = "a.cmd";
}
document.forms[0].submit();
}
function f(de) {
if ("0" == de) {
// alert():显示带有一条指定消息和一个 OK（确认） 按钮的警告框。
// 写在script标签中
// 括号中的内容为字符串或者整型
// 点击确认即可关闭，无返回值
alert('该客户没有订单!');
} else {
***
}
document.forms[0].action = "c=" + de+"&sw";
document.forms[0].submit();
}
}
function getBalance(inpt) {
//parent() 方法返回被选元素的直接父元素。
var tr=$(inpt).parent().parent();
//find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。这里的find实现input中
name=a 的值
var a_Id = tr.find("input[name*='a']").val();
//encodeURI() 函数可把字符串作为 URI 进行编码。
var url = encodeURI(encodeURI("url1 +"&ac="+ac
));
//序列化函数，serialize()，
// .serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。
//序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
var form = $("#myForm").serialize();
var myLayer = layer.load("正在加载...");
$.ajax({
//当前请求的发送地址
url:url,
//默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。
async: false,
//要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：
// xml：返回XML文档，可用JQuery处理。
// html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
// script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
// json：返回JSON数据。
// jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
// text：返回纯文本字符串。
dataType: "text",
// 要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。
// (1)由服务器返回，并根据dataType参数进行处理后的数据。
// (2)描述状态的字符串。
//data可以是xmlDoc、jsonObj、html、text等等
//status调用本次ajax请求时传递的options参数
success: function (data, status) {
if (status == "success") {
//相当于基本语法的document.getElementById("a").innerHTML="1";
$('#a').html("1");
//设置"不可度"为false
//三种方法移除disabled属性
// $('#a').attr("disabled",false);
// $('#a').removeAttr("disabled");
// $('#a').attr("disabled","");
$("#a").attr("disabled", false);
} else {
jError("加载失败！");
}
//layer,web弹层组件
layer.close(myLayer);
},
error: function () {
jError("加载异常！");
layer.close(myLayer);
}
});
}
</script>