Layui implementiert Beispielcode für Abfragen mit mehreren Bedingungen

<form class="layui-form" action="">
		<div Klasse="layui-inline">
			<label class="layui-form-label">Note</label>
			<div Klasse="layui-input-inline">
				<input type="text" id="Klasse" name="Klasse" placeholder="Bitte Klasse auswählen"
					Autovervollständigung="aus" Klasse="layui-input">
			</div>
		</div>
		<div Klasse="layui-inline">
			<label class="layui-form-label">Professionell</label>
			<div Klasse="layui-input-inline">
				<Name auswählen="majorid" ID="majorid">
					<option value="">Bitte wählen</option>
				</Auswählen>
			</div>
		</div>
		<div Klasse="layui-inline">
			<div Klasse="layui-input-inline">
				<button class="layui-btn" id="searchBtn" lay-submit
					lay-filter="formDemo" Datentyp="neu laden" Stil="margin-left: 15px">
					<i class="layui-icon layui-icon-search"></i> Suche </button>
				<button type="reset" class="layui-btn layui-btn-primary">Zurücksetzen</button>
			</div>
		</div>
	</form>

//Im Kalender angezeigte Note var laydate = layui.laydate;
	laydate.render({
		elem: '#grade', //Elementtyp angeben: 'Jahr'
	});

	//Holen Sie sich die Dropdown-Box Professional $.ajax({
		URL: '../../MajorFindAllServlet?deptid=5',
		Datentyp: "json",
		Daten: {
			'Status': 0
		}, //Abfrage aller Institutionstypen mit normalem Statustyp: 'post',
		Erfolg: Funktion (Daten) {
			$.each(Daten, Funktion(Index, Element) {
				$('#majorid').anhängen(
						neue Option(item.majorname, item.majorid)); // Elemente zum Dropdown-Menü hinzufügen });
			layui.form.render("auswählen");
		}
	});

layui.use(['Tabelle', 'laydate', 'Formular' ], Funktion() {...}

//Tabelle generieren var table = layui.table;
	Tabelle.render({
		Element: "#Tabelle",
		URL: "../../ClassesFindByPageServlet",
		Symbolleiste: "#toolbarDemo",
		Titel: 'Klassentabelle', //Dateiname exportieren Seite: {
			Layout: ['Anzahl', 'Vorherige', 'Seite', 'Nächste', 'Überspringen']
		}, //Paging-ID öffnen: 'tableAll',
		Wo : {
			Majorid: '',
			Grad : ''
		},
		Anfrage : {
			'limitName' : 'pageSize' //Ändern Sie das Standardfeld für die Anzahl der Einträge pro Seite in pageSize
		},
		cellMinWidth : 80, //Definiere global die Mindestbreite von regulären Zellen, LayUI 2.2.1 hat cols hinzugefügt : [ [ {
			Typ: "Kontrollkästchen",
			behoben: „links“
		}, {
			Feld: 'classid',
			Titel: ,Klassennummer‘
		}, {
			Feld: 'Klassenname',
			Titel: „Klassenname“
		}, {
			Feld: 'Abteilungsname',
			Titel: „Abteilungsname“
		}, {
			Feld: 'Hauptname',
			Titel: „Berufsname“
		}, {
			Feld: 'Note',
			Titel: 'Klasse',
			sortieren: wahr
		}, {
			fest: 'richtig',
			Titel: 'Operation',
			Symbolleiste: „#barDemo“
		} ] ]
	});

//Klicken Sie auf die Abfrageschaltfläche, um die Tabelle neu zu laden $('#searchBtn').on('click', function() {
		Tabelle.neu laden('tableAll', {
			Methode: "posten",
			Wo : {
				Note: $('#note').val(),
				Haupt-ID: $('#majorid').val()
			},
			Seite : {
				aktuell: 1
			}
		});
		gibt false zurück;
	});