$(）.单击需要按两次.Jquery JSP

$().click need to press twice. Jquery JSP

本文关键字：按两次 Jquery JSP 单击      更新时间：2023-09-26

我正试图用Servlet中的JSON数组在jsp上创建一个表。我的问题是我需要按两次按钮才能得到输出。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Search a User</title>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#search1').click(function ()
            {
                var searchdata = $("#searchword").val();
                $.ajax({
                    type: "GET",
                    url: "Search", //this is my servlet
                    data: {searchword :searchdata },
                    success: function(data){
                        var out = "<table>";
                        for(i = 0; i < data.length; i++) {
                            out += "<tr><td>" + data[i].fname + "</td><td>" +data[i].lname +"</td><td>" + data[i].dob + "</td><td>" + data[i].country +"</td><td>" + data[i].email + "</td><td>" +data[i].mnumber +"</td></tr>";
                        }
                        out += "</table>";
                        document.getElementById("id01").innerHTML = out;
                    }
                });
            });
        });
    </script>
</head>
<body>
<form method="post" class="form-horizontal">
    <fieldset>

        <div class="form-group">
            <label class="col-md-4 control-label" for="searchword">Search a User</label>
            <div class="col-md-5">
                <input id="searchword" type="text" placeholder="Add User's name" class="form-control input-md" required="">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label" for=""></label>
            <div class="col-md-3">
                <button id="search1" class="btn btn-block btn-success">Search</button>
            </div>
        </div>
    </fieldset>
</form>
<div id="id01"></div>
</body>
</html>

要创建期望的输出，我需要单击两次搜索按钮。JSON数组正确检索，但Jquery函数不响应单击。

似乎是在第一次点击后运行的，所以你的页面上可能有冲突的代码？

https://jsfiddle.net/716tnfk3/

$('#search1').click(function() { }

或者，你在移动设备上测试吗？

相关文章：