智能提示 ajax

時間 2019-11-15

標籤智能提示 ajax 欄目 Ajax 简体版

原文原文鏈接

首先下載jQuery UI組件包css

jquery-ui-1.12.1.ziphtml

jsp頁面代碼以下java

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首頁</title>
    <link rel="stylesheet" href="../js/css/layui.css">
    <link rel="stylesheet" href="../js/jquery-ui-1.12.1/jquery-ui.css">
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/jquery-ui-1.12.1/jquery-ui.js"></script>
    <script src="../js/layui.js"></script>
    <script>
        $(function () {
            $("#ttt").autocomplete({
                source: "/admin/show"
            });
        });
    </script>
</head>
<body>
<div style="width: 500px;margin: 100px auto;">
    <h2 style="margin-bottom: 30px;padding-left: 50px;">用戶登陸</h2>
    <form class="layui-form" action="/admin/check" method="post">
        <div class="layui-form-item">
            <label class="layui-form-label">用戶名</label>
            <div class="layui-input-inline">
                <input type="text" name="user" placeholder="請輸入用戶名" class="layui-input" id="ttt">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">密碼</label>
            <div class="layui-input-inline">
                <input type="password" name="password" placeholder="請輸入密碼" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">當即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>

    <script>
        layui.use('form', function () {
            var form = layui.form;
        });
    </script>
</div>
</body>
</html>

寫一個servlet類，代碼以下jquery

package servlet;

import com.alibaba.fastjson.JSONObject;
import com.database.Db;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
import java.util.ArrayList;
@WebServlet("/admin/show")
public class Ajax extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("utf-8");
        resp.setCharacterEncoding("utf-8");
        Db d = new Db();
        Connection con = d.getCon();
        PrintWriter out=resp.getWriter();
        try {
            if (req.getParameter("term") != null) {
                PreparedStatement pst = con.prepareStatement("select name from member where name like ?");
                pst.setString(1, "%" + req.getParameter("term") + "%");
                ArrayList<String> str = new ArrayList<String>();
                ResultSet rs = pst.executeQuery();
                while (rs.next()) {
                    str.add(rs.getString("name"));
                }
                out.print(JSONObject.toJSON(str));
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }
    }
}

1. 智能提示 ajax
2. 智能提示
3. eclipse智能提示
4. Eclipse智能提示
5. sublime 智能提示
6. Pycharm智能提示功能
7. SublimeCodeIntel沒有智能提示
8. eclipse添加智能提示
9. Eclipse智能提示設置
10. Solr6 Suggest(智能提示)
更多相關文章...
• Eclipse 懸浮提示 - Eclipse 教程
• AJAX 簡介 - PHP教程
• SpringBoot中properties文件不能自動提示解決方法
• IntelliJ IDEA中SpringBoot properties文件不能自動提示問題解決

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。