javascript - 如何在jsp中使用javascript

Question

我想调用一个返回值的 javascript 函数，然后将该值放入 if 语句中。 HTML 中有两个单选按钮，javascript 检查以查看单击了哪一个。之后，JSP 将它与“客户”或“公司”进行比较，并执行适当的 SQL 查询。

Javascript:

 function corc{
    var value;

    if(document.getElementById('cust').checked){
           value='customer';
            return value;
    }else if(document.getElmentById('comp').checked){
           value='company';
           return value;
    }
 }

JSP:

if(%>corc();<%.equals("customer")){
             String sqlqueryCommand = "SELECT * from customer where login='" + v1 + "' and password='" + v2     + "'";
}else if (%>corc();<%.equals("company")){
             String sqlqueryCommand = "SELECT * from company where login='" + v1 + "' and password='" + v2     + "'";
}

Answer 1

• 不能在JSP的if语句中调用JavaScript函数，因为JSP是在服务端执行的，JavaScript是在客户端执行的。

• 您必须在单击单选按钮之一时触发事件，使用 onclick 事件可以调用函数 corc()。

• 不要在 JSP 中编写 scriptlet，因为 scriptlet 不应在 JSP 中使用超过十年。学习JSP EL , JSTL ，并将 servlet 用于 Java 代码。 How to avoid Java Code in JSP-Files?

JSP代码:

.......
........
//use <form> to submit values to servlet

 <input type="radio" name="radio1" onclick="handleClick(this.id);" id="customerId" />
 <input type="radio" name="radio1" onclick="handleClick(this.id);" id="companyId" />
......
.......
//use hidden field to assign table value i.e. "customer" or "company".
 <input type="hidden" name="tableValue" id="tableTextId" />  
//</form> closing form tag

onclick事件我赋给了handleClick函数并传入了this.id，参数this.id是用来传递单击的单选按钮的 id 属性。

JavaScript 代码:

<script type="text/javascript">
  function handleClick(clickedId)
  {
     if(clickedId == "customerId")
       document.getElementById('tableTextId').value = "customer";
     else
       document.getElementById('tableTextId').value = "company";
  }
</script>

• 当您提交表单时，您可以在 servlet 中获取隐藏字段的值。

String tableName = request.getParameter("tableValue"); // pass the name of hidden field i.e. tableValue

• 你可以进一步传递这个tableName来查询。

相关链接

• How to transfer data from JSP to servlet?
• forms in HTML