首先需要引入一个js:jquery.min.js
在WEB-INF 中建立几个包,包名为js
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
此时不要在引入js的script中写语句,再写一个scrip
声明一个div,id为btn111。
ajax的post请求,形如$.post(url,data,callback);
url是请求的地址。
data是提交的数据。形式可以是json类型。
callback是回调函数,回调函数中有两个参数:
data和status
data是后台返回的数据
status是返回的状态。200表示返回成功。
<script type="text/javascript"> $(function(){ $("#btn111").click(function(){ var url="${pageContext.request.contextPath}/AServlet?t="+Math.random(); var json={"name":"yr","password":123}; function callback(data,status){ alert(status); } $.post(url,json,callback); }); }) </script>
在script中一定要在
$(function(){ }
中写ajax语句