index.jsp
<body>
<form name="myform">
<input value="test" type="button" onclick="test();" />
<input value="text" name="datevalue" />
</form>
</body>
<script>
//(1)获取对象实例
var xmlHttp = GetXmlHttpObject();
function test() {
//(2)注意这里的url格式，<action path="/do/test"..的写法如下
var url = "do/test.do";
//(3)设定open参数
xmlHttp.open("POST",url,true);
//(4)设置状态改变时候的执行函数
xmlHttp.onreadystatechange=setValue;
xmlHttp.send(null);
}
function GetXmlHttpObject() {
var xmlHttp = null;
try {
// Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function setValue()
{
//(5)成功接收之后的处理
if(xmlHttp.readyState == 4)
{
document.myform.datevalue.value=xmlHttp.responseText;
}
}
</script>
struts_config.xml
<action-mappings>
<action path="/do/test" type="com.test.TempAction"/>
</action-mappings>
TempAction.java
@Override
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
PrintWriter pw = response.getWriter();
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
String today = df.format(new Date());
//(1)这里的print就是index.jsp中要获取的responseText
pw.print(today);
//(2)记得要flush
pw.flush();
//(3)如果是ajax的请求，这里不要返回页面，不然会将整个页面html源码赋值到responseText中
return null;
}
分享到：
相关推荐
在这个"Ajax入门例子项目"中，我们将深入探讨Ajax的基础概念、工作原理以及如何创建简单的Ajax应用。 1. Ajax基础概念： - 异步：Ajax的主要特性是异步通信，意味着用户在请求发送后可以继续浏览网页，而无需等待...
**Ajax 入门实例详解** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这种技术的核心在于利用JavaScript创建XMLHttpRequest对象，通过这个对象与服务器...
**Ajax入门实例——用户注册详解** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新，大大...
总的来说，这个"AJAX入门实例"旨在帮助初学者理解AJAX的基本概念和工作流程，以及如何在ASP.NET环境中实现它。通过学习这个实例，你可以掌握创建异步Web应用的基本技巧，提高用户体验，并为后续更复杂的AJAX应用场景...
通过这个简单的Ajax入门实例，你可以理解如何利用Ajax实现页面内容的异步加载。随着经验的增长，还可以学习更高级的技巧，如使用jQuery的$.ajax()函数、Promise或现代的fetch API，以及错误处理和进度回调等。
总结来说，这个Ajax入门实例展示了如何利用Struts2和Ajax技术实现用户注册时的用户名验证。通过异步请求，我们可以在不刷新页面的情况下获取服务器的反馈，提高用户界面的交互性。同时，使用Struts2的Action和JSON...
在"ajax入门实例及文档"中，你将学习如何创建和使用Ajax，包括基本的GET和POST请求，以及如何处理返回数据。这些文档和实例将帮助初学者快速掌握Ajax技术，并应用于实际项目中。通过实践和理解，你可以进一步提升Web...
**AJAX 入门实例教程** AJAX（Asynchronous JavaScript and XML）是一种在不刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，实现了网页的异步更新，极大地提升了用户体验。...
**Ajax入门实例——DWRDemo与ExtJS** Ajax（Asynchronous JavaScript and XML）技术是一种用于创建快速、动态网页的方法，它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本实例主要...
**Ajax入门实例使用jQuery** Ajax（Asynchronous JavaScript and XML）技术是现代Web开发中的关键组成部分，它允许在不刷新整个页面的情况下与服务器进行异步数据交换。jQuery库为开发者提供了非常方便的Ajax接口，...
### jQuery 开发 AJAX 入门实例详解 #### 一、简介 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使...
在"小小的AJAX入门实例"中，我们可以学习到以下几个关键知识点： 1. **创建XMLHttpRequest对象**：所有AJAX交互的核心是XMLHttpRequest对象。在JavaScript中，我们需要先创建这个对象，然后用它来与服务器进行通信...
### Ajax入门实例详解 #### 一、什么是Ajax？ Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，这意味着可以在不...
**Ajax（Asynchronous JavaScript and ...总之，`ajax经典入门实例源码`提供了一个实践平台，通过实际操作加深对Ajax的理解。结合`readme.txt`的指导，你应该能逐步掌握Ajax的基本使用，为后续的Web开发打下坚实基础。
以下是对Ajax入门知识的详细讲解。 ### 1. Ajax 基本原理 Ajax 的核心是 JavaScript 对象——XMLHttpRequest，它允许 JavaScript 在后台与服务器交换数据并更新部分网页内容。在不刷新整个页面的情况下，Ajax 可以...
资源中包含asp.net中运用ajax控件来开发ajax程序的范例， 环境为2003VS，语言为vb.net
本篇文章介绍了基于Servlet的AJAX入门实例，通过具体的代码示例详细解释了如何在前端页面通过AJAX技术与后端进行交互，从而实现动态数据的实时更新。这对于初学者来说是一个很好的学习资源，可以帮助他们快速掌握...