jquery ajax处理动态创建的按钮

时间:2015-07-28 18:15:20

标签: jquery ajax button

在我的jsp页面中,我在for-each循环内创建按钮。我想同时提交这些按钮并使用ajax请求处理响应(具有不同参数的相同请求)。我正在使用jquery 1.10。任何人都可以提供示例代码来处理这种情况。这是代码。我开始编写代码,并且不知道如何编写代码以确定“响应来自服务器时,与之相关的请求。

我最近实施了自动完成功能。所以我从那时开始理解并实现按钮点击上的ajax

以下是JSP部分

<c:forEach var="label" items="${sessionScope.labels}">
    <input type="submit" name="submitLabelBtn" value="Submit Label" id="${label.labelName}" class="button exitSubmitButton" />
</c:forEach>

以下Javascript

<script>
    $(document).ready(function() {
        $("submitLabelBtn").click(function(e) {
            var = this.id;
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: "FrontController",
                data: {
                    id: val
                },
                success: function(data) {
                    if (!data.length) {
                        var result = [{
                            label: 'No matches found',
                            value: response.term
                        }];
                        response(result);
                        ele.style.display = "none";
                        $("#loading").hide();

                    } else {
                        response(data);
                        ele.style.display = "none";
                        $("#loading").hide();

                    }

                }
            });
        });
    });
</script>

0 个答案:

没有答案