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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<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);
%>
分享到：
相关推荐
在进行Ajax调用过程中一般都具有这样的做法：显示一个GIF图片动画表明后台正在工作，同时阻止用户操作本页面（比如Ajax请求通过某个按钮触发，用户不能频繁点击该按钮产生多个并发Ajax请求）；调用完成后，图片消失...
Ajax实现异步请求的示例 直接部署就可以运行 页面内局部刷新
ajax的一个简单例子,这是一个小例子,可以仅供参考
主要介绍了为jquery的ajax请求添加超时timeout时间的操作方法，文中通过一段简单的代码给大家介绍jquery ajax超时设置方法，感兴趣的朋友跟随脚本之家小编一起看看吧
简单页面访问后台接口的一个样例，用于调试后台接口是否支持跨域，是否支持ajax请求，是否又正确的值返回前端，在postman正确的情况下浏览器不一定能成功，此时就需要用ajax模拟调用检查
介绍ajax怎样发送请求，适应初学者看，例子比较简单，很容易看懂
通过jquery的ajax处理跨域请求的DEMO，代码比较简单，仅供学习参考。
通过封装ajax使得ajax可以简简单单调用不用去考虑跨域请求的问题，使得ajax的使用更灵活，简单易用。
Ajax 简单实例 XMLHttpRequest对象的创建，请求，发送，仅供初学者
ajax技术在web应用中使用非常频繁，本文以asp.net MVC为示例，提供一种简单的实现方式。ajax在请求过程中显示进度条，是怎么实现的呢？本文通过代码和文字说明相结合的方式分享给大家。
所以接下来便用原生JavaScrpit实现一个简单的Ajax请求，并说明ajax请求中的跨域访问问题，以及多个ajax请求的数据同步问题。 JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个...
该资源为ASP.NET网站开发技术中使用Ajax进行跨域请求时利用JSONP方案解决浏览器同源策略限制的源码，比较简单，仅供参考
在 Cross-Origin Resource Sharing 中，有两种类型的请求：简单请求和非简单请求。简单请求必须满足下面2点： a，只使用GET、POST进行的请求，这里的POST只包括发送给服务器的数据类型（Content-Type）必须是...
一个AJAX的入门实例，用最简单的代码表现什么是AJAX，AJAX的原理。 这个是——异步请求请求一个url。 还有一个是本页请求，用于asp.net。
一个非常简单的ajax例子 可以直接运行 其中包括两个javascript 从中可以看到如何创建XMLHttpRequest对象 对初学AJAX的会用帮助
ajax请求时可以json时间格式的时间转化为你想在界面上显示的任意样式，js全部都封装好了，简单易用
该项目实现简单的ajax异步请求action，接收json数据并显示到页面
在DZ上轻松实现AJAX简单两例,这个是很好的原理代码。
为大家推荐了一个非常简单的Ajax请求实例，可以在不重载页面的情况与 Web 服务器交换数据，感兴趣的小伙伴们可以参考一下