可以在JAVASCRIPT中调用servlet并从中获取值吗

我有一个表单，我想在select change事件中更改文本字段的值，我想调用select字段的onchange事件来调用一个javascript函数，该函数从数据库中获取值，但不起作用，根据这个场景，我不熟悉AJAX/JSON/JSTL等，所以我没有使用过这些

       (NEED WORKABLE EXAMPLE)

          -----------------------------
   Name   |                           |   (Select Field)
          -----------------------------

          -----------------------------
   Price  |                           |   (Text Field)
          -----------------------------

          -----------------------------
   Image  |                           |
          |                           |
          |                           |
          |                           |
          |                           |
          -----------------------------

          <script>

            function updateFields()
            {
              <% ProductDAO yy = new ProductDAO();
              String q = request.getParameter("orproductname");
              String f = yy.getProductPrice(q);
              request.setAttribute("price", f);
              %>

              document.getElementById("orproprice").value = f;
            }

          </script>

                <form name="product" method="post" action=".\GetProducts">
                        <div class= "form">
                            <div class="input-group margin-bottom-sm">
                                <span class="input-group-addon">
                                    <i class="fa fa-bars"></i>
                                </span>
                                <select class="form-control" name="orproductname" id="orproname" onchange="document.product.submit();">
                                <% ProductDAO pdr = new ProductDAO(); String[] kl = pdr.getProductNames();
                                for(int i=0;i<kl.length;i++) {%>
                                <option><% out.println(kl[i]); %></option>
                                <% } %>
                                </select>
                            </div>
                            <div class="input-group margin-bottom-sm">
                                <span class="input-group-addon">
                                    <i class="fa fa-bars"></i>
                                </span>
                                <input class="form-control" type="text" placeholder="Original Price" id="orproprice" name="orproductprice" required>
                            </div>
                            <div class="input-group margin-bottom-sm">
                                <span class="input-group-addon">
                                    <i class="fa fa-picture-o"></i>
                                </span>
                                <img class="img-responsive" src="img/game-2.jpg" alt="Product" >
                            </div>

                        <input class="btn btn-primary send" style="width:200px; margin-right:20px" type="submit" value="Order">
                        <input class="btn btn-primary send" style="width:200px" type="reset" value="Clear">
                    </form>
                </div>  
            </div>

---

将POST AJAX请求发送到。\GetProducts。请参阅jquerydocsforajax:。例如：

$.ajax({
  method: "POST",
  url: "/GetProducrs",
  data: { formField: value, ... }
}).done(function( data ) {
    //process data
});

---

请我对AJAX并不熟悉，但你已经意识到这正是所需要的。为什么不读一些关于它的介绍性文档呢？我试过了，但不太明白，这就是为什么。