Jqueryd的一些 總結
JSP層
/*
發送data 主要有三種方式：
1、json 數組（推薦1）
2、url拼接
3、表單的序列化 serialize
*/
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("img").click(function(){
$("input").css("border","3px dotted red");
$.ajax({
url:‘B‘, //鏈接的servlet名字
//data:{userName:$(‘input‘).val()}, //傳輸的數據
data:$("input").serialize(), //表單序列化傳輸數據
dataType:‘text‘, //傳輸的類型
type:‘GET‘, //傳輸方式
success:function(result){
alert(result); //傳輸成功後 彈個窗
},
error:function(){
alert("發生錯誤..."); //失敗了彈個窗
},
timeout:2000 //設定一個限時標準（超過就報錯）
});
});
});
</script>
</head>
<body>
<form id="frm1">
<input type="text" name="userName" value="text文本框" >
<img src="5.jpg">
</form>
</body>
Servlet層
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("訪問doGet");
String userName = request.getParameter("userName");
PrintWriter out = response.getWriter();
try {
Thread.sleep(1000);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
out.println("輸出數據："+ userName);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
System.out.println("訪問doPost");
PrintWriter out = response.getWriter();
try {
Thread.sleep(1000);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
out.println("在doPost輸出數據：");
}
}
Jqueryd的一些 總結