標籤：auto 表單 click ror pos dex iter inpu gen
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的一些 總結
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
