如何使用ajax在输入标签上显示数据?

时间:2015-07-09 01:33:04

标签: java jquery ajax jsp jspinclude

嗨:)我想在"输入"上显示数据选择"选择选项"。 我包含了jsp页面,它有"输入"标记,所以使用ajax将数据发送到包含的jsp页面。

这是我的代码。名称是" new_order.jsp"

<script>
$('select#product').change(function() {

        var param = "code=" + $('#product').val();

        $.ajax({
            url : 'add_products/add_products.jsp',
            contentType : "application/x-www-form-urlencoded; charset=UTF-8",
            data : param,
            type : 'POST',
            dataType : 'html',
            success : function(data, textStatus, jqXHR){
            }
        });
    });
...
</script>
<body>
<table class="add_products_tb table" data-toggle="table">
                    <tr>
                        ..
                    </tr>
                    <tr>
                        ..
                    </tr>
                    <tr>
                        <td>
                            ..
                        </td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        <select name="product" id="product" class="selectpicker" data-width="150px">
                                            <option data-hidden="true">-Select-
                                        <%
                                            try {
                                                query = "select * from new_product";
                                                rs = stmt.executeQuery(query);
                                                while (rs.next()) {
                                                    product_code = rs.getString("product_code");
                                        %>
                                            <option value="<%= product_code %>"> <%= product_code %>
                                        <%
                                                }
                                            } catch (SQLException e) {
                                                out.println(e);
                                            } finally {
                                            }
                                        %>
                                        </select>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <jsp:include page="add_products/add_products.jsp"  />
                    </tr>
                </table>
</body>

下一个代码。这包括jsp,&#34; add_product.jsp&#34;

<script>
$(document).ready(function() {
    $('select#product').change(function() {
                        <%
                            product_code = request.getParameter("code");
                            int size = 0;
                            try {
                                query = "select * from new_product where product_code='"+product_code+"'";
                                rs = stmt.executeQuery(query);
                                while (rs.next()) {
                                    size = rs.getInt("sizes");
                        %>
                                    $('#size').val("<%= size %>");
                        <%
                                }
                            } catch (SQLException e) {
                                out.println(e);
                            } finally {
                            }
                        %>
    });
});
</script>
...
<body>
                        <td>
                                <input type="text" id="size" class="form-control" name="size"  />
                        </td>
                        <td>
                                <input type="text" id="color" class="form-control" name="color"  />
                        </td>
                        <td>
                                <input type="text" id="price" class="form-control" name="price" value="0" readonly  />
                        </td>
                        <td>
                                <input type="text" id="quantity" class="form-control" name="quantity" value="1"  />
                        </td>
                        <td>
                                <input type="text" id="total_price" class="form-control" name="total" value="0" readonly  />
                        </td>
</body>

问题是,我想从&#34; new_order.jsp&#34;接收数据&#34;代码&#34;并在&#34; add_product.jsp&#34;上显示数据,但它不会显示在页面上。我也调试了页面,数据被发送到&#34; add_product.jsp&#34;,但没有在输入上显示。

我更改了一个变量&#34; product_code&#34;,放在&#34; add_product.jsp&#34;脚本,值,不是jsp变量,而是DB中的特殊值。所以,有关于&#34;输入&#34;的数据!只有一个....

我想使用jsp变量显示。请帮帮我...... T.T谢谢。

0 个答案:

没有答案