ajax简单请求

最新推荐文章于 2024-11-17 22:32:36 发布

最新推荐文章于 2024-11-17 22:32:36 发布 · 88 阅读

文章标签：

#Ajax #JSP #HTML #thread

Jquery 专栏收录该内容

5 篇文章

订阅专栏

a.jsp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('#btn').click( function() {

$('#img').attr('src',"images/AD_01.jpg");
$.post('process.jsp', {
text: 'my string',
number: 23},
function(data) {
//alert(data);

$('#img').attr('src',"images/AD_02.jpg");
$('#loading').html(data)

}
);
});
});
</script>
</head>

<body>
<input type="button" id="btn" value="Test">
<br />
<span id="loading"> Loading.... </span>
<img id="img" src="images/btn_next.gif"/>
</body>
</html>
b.jsp
<%
String value=request.getParameter("text");
out.println(value+"Hello");
Thread.currentThread().sleep(1000);
%>