php 模糊关键字查询,jq.ajax+php+mysql实现关键字模糊查询(示例讲解)

*{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;}

$(".text").bind("input", function() {

if($(this).val().length>0){

search();

}else{

$(".sea").html('');

}

})

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

str += "

" + json[i].sea + "";

}

$(".sea").html(str);

}

})

}

sea.php

$con = mysqli_connect("localhost","username","password");

if(!$con){

echo "数据库链接失败";

exit;

}

mysqli_select_db($con,'jwhuang');

mysqli_query($con,'set names utf-8');

$text= isset($_GET['text']) ? trim($_GET['text']) : '';

$result=mysqli_query($con,"select * from search where sea LIKE '{$text}%' ");

$search=array();

while($row=mysqli_fetch_assoc($result)){

//判断是否有对应的数据

if(!$row){

$search='';

exit;

}else{

//对查询关键字进行标记

$row['sea'] = str_replace($text, '' .$text. '', $row['sea']);

$search[]=$row;

}

}

echo json_encode($search);

?>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以按照以下步骤实现会员登录功能: 1. 前端部分(HTML、JS、jQuery、Ajax): 在HTML页面中,创建一个表单,包含用户名和密码的输入框,并添加一个登录按钮。给表单和按钮添加对应的id属性,方便后续操作。 ```html <form id="loginForm"> <input type="text" id="username" placeholder="用户名"> <input type="password" id="password" placeholder="密码"> <button type="submit" id="loginButton">登录</button> </form> ``` 使用jQuery和Ajax发送登录请求,并处理后端返回的结果。在JavaScript代码中,监听表单的提交事件,并阻止默认行为,然后获取输入框中的值。将这些值作为参数发送到后端接口。 ```javascript $(document).ready(function() { $("#loginForm").submit(function(event) { event.preventDefault(); // 阻止表单默认提交行为 var username = $("#username").val(); var password = $("#password").val(); // 发送登录请求 $.ajax({ url: "后端接口地址", type: "POST", data: { username: username, password: password }, success: function(response) { // 登录成功,跳转到index.html window.location.href = "index.html"; }, error: function(xhr, status, error) { // 登录失败,弹框提示错误信息 alert("登录失败:" + xhr.responseText); } }); }); }); ``` 2. 后端部分(JavaEE、SSM框架、JDBC): 在后端使用JavaEE的SSM框架,通过JDBC连接MySQL数据库,实现登录功能。具体实现步骤如下: - 创建一个Controller(或者Servlet)处理前端发送的登录请求,并提供一个对应的接口。 - 在Controller中,接收前端传递的用户名和密码参数。 - 使用JDBC连接MySQL数据库,查询用户表中是否存在该用户,并验证密码是否正确。 - 根据验证结果,返回相应的响应信息给前端。 这部分的具体实现可以参考您所使用的JavaEE框架的文档和示例代码。 请注意替换代码中的"后端接口地址"为实际的后端接口地址,以及根据您的数据库表结构和业务逻辑进行相应的修改。 希望能帮到您!如果有任何疑问,请随时提出。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值