这一节课主要是补充前面“JAVAEE 第四课 ----- 补充(第一次实验--简易商城项目) ----- EL表达式&JSTL”中剩下没有写的JavaScript部分
直接上例子:
创建一个简单应用JavaScript的html页面:js.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" id="uname">
<!-- 即当发生onclick这个事件时就调用search()方法
search()方法是在script标签中进行定义的 -->
<button onclick="search()">查询</button>
</body>
<script type="text/javascript">
function search() {
var ipt = document.getElementById("uname");
var name = ipt.value;
location.href="jsSearch?name="+name;
}
</script>
</html>
编写一个对应显示JavaScript将数据提交到后台之后,进行数据处理的servlet:jsSearchStu.java
package com.servlets;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/jsSearch")
public class jsSearchStu extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String name = request.getParameter("name");
System.out.println(name);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
}
}
由上述servlet将通过执行JavaScript中定义的函数传到后台的数据值在控制台进行输出