jQuery对ajax的支持

示例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery类库使用演示</title>

<script type="text/javascript" src="${pageContext.request.contextPath/js/jquery.js} }" ></script>

</head>
<body>

<input type="button" id="btnPost" value="post提交">


</body>
<script type="text/javascript">
//事件绑定，ready相当于onload事件，页面加载完成后会首先调用被绑定的事件
$(function(){
//绑定post提交按钮事件
$("#btnPost").bind("click",function(){
var url="${pageContext.request.contextPath}/postServlet";
//下面中url是路径，{}中的是传送的数据信息，信息内容用单引号双引号都可以，
//第三行是是一个回调函数，如果代码不复杂可以如下直接写在下面，复杂的话写在外面，下面的代码的函数receData写在了外面
//"text"表示传的是一个text文本
$post(
url,
{
"studid":"1002",
"studname":"李四",
"sex":"男",
"classname":"哈哈班"
},
receData,
"text"
);

})

});
function receData(data){
alert(data);
}

</script>

</html>

在postServlet中的代码：

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;

/**
* Servlet implementation class postServlet
*/
@WebServlet("/postServlet")
public class postServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

/**
* @see HttpServlet#HttpServlet()
*/
public postServlet() {
super();
// TODO Auto-generated constructor stub
}

/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.getWriter().append("Served at: ").append(request.getContextPath());
}

/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
String studid=request.getParameter("studid");
String studname=request.getParameter("studname");
String sex=request.getParameter("sex");
String classname=request.getParameter("classname");
System.out.println("studid="+studid+"studname="+studname+"sex="+sex+"classname="+classname);
response.setContentType("text/html;charset=utf-8");
PrintWriter out=response.getWriter();
out.println("新增成功");
out.flush();
out.close();
}

}

jQuery对ajax的支持

相关推荐