textarea失去焦点时异步提交
index.jsp关键代码如下:
第一步：页面编写 其他控件也可，不限于textarea
<s:form action="" method="post">
<div >
<p > 今日心情：</p>
<p >
<textarea id="ta" name="signature" onblur="ajax_submit();" ><s:property value="user.signature"/> //siganature 是user对象的一个属性
</textarea>
</p>
</div>
</s:form>
第二步：在上述页面<head></head>之间加入如下js
<script language="javascript">
//定义一个变量用于存放XMLHttpRequest对象
var xmlHttp;
var deleteStatus ;//存放页面表格删除状态
//改函数用于创建一个XMLHttpRequest对象
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
//这是一个启动AJAX异步通信的方法
function ajax_submit(){
//创建一个XMLHttpRequest对象
createXMLHttpRequest();
//将状态绑定到一个函数
xmlHttp.onreadystatechange=processAjax;
//通过POST方法向指定的URL建立服务器的调用
var url="<%=basePath%>/workPlanAction!deleteWorkPlanDetail.action?dto.workplanDetailId="+detailid;
xmlHttp.open("POST",url,true);
//发送请求
xmlHttp.send(null);
}
//这是一个用来处理状态改变的函数
function processAjax(){
//定义一个变量用于存放 从服务器返回的响应结果
var responseContext="";
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
responseContext = xmlHttp.responseText;
// document.getElementById("ta").value=responseContext;
}
}
}
</script>
第三步：编写action类 关键代码
//待导入包省略
public class UpdateSignatureAction extends ActionSupport implements ServletRequestAware{
public String execute(){
String responseText="";
//读取请求的参数
HttpServletRequest request = ServletActionContext.getRequest();
responseText=request.getParameter("signature");
responseText=new String(responseText.getBytes("ISO-8859-1"),"GBK"); //去掉此行，会出现乱码
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/plain");//设置输出为文字流
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
//直接输出响应的内容
out.println(responseText);
out.flush();
out.close();
其他将签名持久化到数据库的操作略去
return null;
}
}
分享到：
相关推荐
本文将详细介绍一个简单的AJAX异步提交实例，旨在帮助初学者理解AJAX的工作原理及其在实际应用中的基本操作。 首先，AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，与服务器交换...
文档描述部分提到，本文主要介绍了AJAX简单异步通信，实例分析了Ajax异步通信的技巧与相关注意事项，对于需要理解和使用AJAX的读者具有一定的参考借鉴价值。 现在，根据文档提供的内容，我们将详细阐述知识点： 1....
以下是一个基于`ICallbackEventHandler`的简单示例： 1. 首先，你需要在服务器端的ASP.NET页面类中实现`ICallbackEventHandler`接口： ```csharp public partial class WebForm_AJAX : System.Web.UI.Page, ...
在Java EE应用中，一个典型的AJAX应用可能是用户输入表单，点击提交按钮后，通过AJAX发送表单数据到服务器，服务器处理后返回结果。前端JavaScript接收响应并动态更新页面部分，而不是刷新整个页面。 总结来说，...
Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行...通过学习这个实例，你可以更好地理解Ajax的工作原理以及如何在实际项目中应用它。
在本实例中，你将看到一个简单的AJAX调用WebService的流程： 1. 首先，创建一个WebService，定义一个操作方法，例如返回当前日期。在服务器端，可能使用.NET、Java或其他支持WebService的平台来实现。 2. 客户端使用...
创建一个Ajax请求的基本步骤包括： 1. 创建XMLHttpRequest对象。 2. 打开与服务器的连接，指定请求类型（GET或POST）、URL和是否异步。 3. 发送请求。 4. 监听并处理服务器的响应。 二、自动完成实例 自动完成...
在"JsonDemo"项目中，可能包含了一个简单的AJAX+JSON示例。客户端可能有一个HTML页面，通过JavaScript调用AJAX发送请求，服务器端使用.NET处理请求，将数据以JSON格式返回。例如，一个简单的获取用户信息的接口： `...
总的来说，Ajax异步请求能够实现不刷新整个页面的情况下与服务器通信，提高用户体验。通过JavaScript和Java的配合，我们可以构建动态、高效的Web应用。这个示例提供了一个基础的Ajax请求流程，实际应用中，可能需要...
首先，我们看到一个名为`DraggableTBHeader`的项目，这可能是一个实现了拖动表格表头功能的Ajax实例。在Web开发中，允许用户自由拖动表格列头以重新排序或调整列宽，可以极大地提高交互性和可操作性。 1. **Web....
在我们的实例中，可能有一个简单的UpdatePanel，用于显示动态更新的数据，如股票价格或天气预报。 描述中的“简单不错”可能是指一个易于理解和实现的示例。这通常包括一个触发异步请求的按钮，一个UpdatePanel，...
使用jQuery，我们可以自定义一个简单的计时器函数，结合AJAX请求来实现类似的功能。以下是一个简单的例子： ```javascript function startTimer(interval) { var timerId = setInterval(function () { $.ajax({ ...
**Ajax异步请求小结** Ajax（Asynchronous JavaScript and XML）是一种用于创建快速、动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验，...
下面是一个简单的.NET AJAX实例： 1. 首先，在.aspx页面上添加ScriptManager和UpdatePanel： ```html <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> ...
总的来说，这个实例是学习Ajax基础的一个好起点，它展示了如何使用Ajax进行简单的异步通信，以及如何在服务器端进行数据验证。通过实践这个实例，初学者可以更好地理解和掌握Ajax的工作原理及其在实际项目中的应用。
下面通过一个简单的例子来演示如何使用Axios进行异步通信： 1. **模拟JSON数据文件：**首先创建一个名为`data.json`的文件，并填充如下数据： ```json { "fruits": [ "apple", "orange", "pear" ], ...
【基于jsp+servlet+Ajax异步登陆模拟web项目】是一个典型的Web开发实例，它整合了三种核心技术：JavaServer Pages（JSP）、Servlet以及Asynchronous JavaScript and XML（Ajax）。这个项目的核心目的是实现用户登录...
在"一个简单的Ajax实例"中，我们将探讨如何创建一个基本的Ajax请求，以理解其工作原理。Ajax的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器进行通信。以下是一个简单的Ajax请求示例： ```javascript ...
例如，一个简单的WebMethod可能是这样的： ```csharp [WebMethod] public static string ProcessData(string inputData) { // 业务逻辑处理 string outputData = "数据已处理"; return outputData; } ``` 描述...