jq, ajax, php, mysql implementieren eine Schlüsselwort-Fuzzy-Abfrage-js-Tutorial-php.cn

jq, ajax, php, mysql implementieren eine Schlüsselwort-Fuzzy-Abfrage

小云云

Freigeben： 2018-01-03 09:09:00

Original

2265 Leute haben es durchsucht

Dieser Artikel teilt Ihnen hauptsächlich einen Artikel über die Implementierung von Schlüsselwort-Fuzzy-Abfragen durch jq.ajax+php+mysql (Beispielerklärung). Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Diese Funktion ist für Unternehmen sehr praktisch und wird jedem empfohlen

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
*{margin:0;padding:0;}
.text{width:200px;height:30px;line-height:30px;font-size:14px;outline:none;}
ul{width:200px;height:auto;border:1px solid #999;border-top:none;}
ul li{width:200px;height:30px;line-height:30px;font-size:14px;}
li:hover{background:#ddd;}
</style>

<body>
<input type="text" class="text" name="text">
<ul class="sea"></ul>

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">

$(".text").bind("input", function() { 
	if($(this).val().length>0){
		search();
	}else{
		$(".sea").html(&#39;&#39;);

	}
})
function search(){
	$.ajax({
		type:"GET",
		url:"sea.php",
		data:{"text":$(".text").val()},
		success:function(response){
			//转换成json对象
			eval("var json="+response);
			//console.log(json)
				var str="";
				for(var i=0;i<json.length;i++){
				str += "<li>" + json[i].sea + "</li>";
				}

				$(".sea").html(str);
		}
	})
}
</script>
</body>
</html>

Nach dem Login kopieren

sea.php

<?php
$con = mysqli_connect("localhost","username","password");
if(!$con){
	echo "数据库链接失败";
	exit;
}
mysqli_select_db($con,&#39;jwhuang&#39;);
mysqli_query($con,&#39;set names utf-8&#39;);
$text= isset($_GET[&#39;text&#39;]) ? trim($_GET[&#39;text&#39;]) : &#39;&#39;;
$result=mysqli_query($con,"select * from search where sea LIKE &#39;{$text}%&#39; ");
$search=array();

while($row=mysqli_fetch_assoc($result)){
	//判断是否有对应的数据
	if(!$row){
		$search=&#39;&#39;;
		exit;
	}else{
		//对查询关键字进行标记
		$row[&#39;sea&#39;] = str_replace($text, &#39;<font color="red">&#39; .$text. &#39;</font>&#39;, $row[&#39;sea&#39;]);
		$search[]=$row;
		
	}
}
echo json_encode($search);
?>

Nach dem Login kopieren

Rendering

Verwandte Empfehlungen:

PHP-Klasse zur Verarbeitung roter Schlüsselwortmarkierungen

So verwenden Sie reguläre Ausdrücke zum Blockieren von Schlüsselwörtern

Detaillierte Erklärung zur Verwendung dieses Schlüsselworts in Java

Das obige ist der detaillierte Inhalt vonjq, ajax, php, mysql implementieren eine Schlüsselwort-Fuzzy-Abfrage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!