一个简单的AJAX
JS脚本:
//页面调用方法
function getInfo(obj){
var ajax=getAjaxObject();
url="ajaxAction.do?method=ajaxCheck";
ajax.onreadystatechange =function(){
var buffer="";
if (ajax.readyState == 4&&ajax.status == 200){
buffer=ajax.responseText;
//*回调调用方法
ajaxCallback(buffer);
}
}
ajax.open("POST",url);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
ajax.send("para="+obj);
}
//*get Ajax Object
function getAjaxObject(){
if (window.ActiveXObject) {
try{
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert("创建Microsoft.XMLHTTP对象失败,AJAX不能正常运行.请检查您的浏览器设置.");
}
} else {
if (window.XMLHttpRequest) {
try{
ajax = new XMLHttpRequest();
}catch(e){
alert("创建XMLHttpRequest对象失败,AJAX不能正常运行.请检查您的浏览器设置.");
}
}
}
return ajax;
}
struts1.x action:
public ActionForward ajaxCheck(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response){
PrintWriter writer;
response.setContentType("text/plain;charset=GBK");
response.setHeader("Pragma","No-Cache");
response.setHeader("Cache-Control","No-Cache");
response.setDateHeader("Expires", 0);
boolean enable=false;
try{
writer=response.getWriter();
AjaxService ajax=new AjaxService ();
String para=request.getParameter("para");
enable = ajax.checkSomething(para);
} catch (Exception e) {
log.error(e.getMessage());
return mapping.findForward("exception");
}
writer.print(enable);
writer.close();
return null;
}
备注:
如果需要向页面返回一个JS对象,可以在java中拼装一个对象字符串({name:'jack',sex:'m'}),在前台得到这个字符串后将其转换成一个JS对象(var obj=null; eval("obj="+outputString); return obj;)。
分享到:
相关推荐
一个简单的通过传输xml文件信息构建一个2级或多级下拉菜单范例,可稍微修改就可应用通过数据库数据构建多级菜单。
在"ajax的一个简单例子"中,我们通常会看到以下几个关键组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,几乎所有的浏览器都内置了这个对象,用于与服务器进行异步通信。例如: ```javascript var ...
在这个"一个简单的Ajax例子"中,我们将深入探讨Ajax的核心概念、工作原理以及如何编写基本的Ajax代码。 1. **Ajax核心概念**: - **异步通信**:Ajax允许浏览器与服务器进行非阻塞通信,即用户在请求处理期间仍可...
这个"很简单的一个AJAX例子"的标题和描述表明,我们将会探讨一个基础的AJAX应用实例,它可能包含了一个简单的JavaScript代码示例,用于向服务器发送请求并接收响应,以实现页面的异步更新。 在Web开发中,AJAX的...
在.NET平台上构建一个基于Ajax的简单登录界面,可以极大地提升用户体验,因为它允许用户在不刷新整个页面的情况下进行交互。这个项目结合了服务器端的技术、客户端的JavaScript以及Ajax异步通信,实现了快速、流畅的...
第一个可能是用来设置和发送Ajax请求的,而第二个可能用于处理服务器返回的数据。通常,发送Ajax请求的过程包括以下几步: 1. **初始化XMLHttpRequest对象**:`var xhr = new XMLHttpRequest();` 2. **配置请求**...
在压缩包中的"Ajax"文件,可能是包含了这个简单AJAX例子的源代码或者相关资源。查看这个文件可以提供更具体的实践细节,比如服务器端的响应格式、如何将数据插入到DOM中等。 总结起来,AJAX是Web开发中的重要技术,...
【标题】:“一个简单实现ajax的实例” Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。这个...
**标题解析:** "自己用的简单封装AJAX类" 指的是作者为了个人使用需求,编写了一个简化的AJAX处理类。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,...
此外,"MyAjax"可能是作者编写的一个简单Ajax示例代码,供学习参考。通过深入研究这两个资源,你可以更好地理解和掌握Ajax的基础知识。对于初学者,推荐结合实践项目,多动手操作,以加深理解。
以下是一个简单的Ajax GET请求示例,通过加载一个本地文件(例如,`ajaxDEMO.txt`)并将其内容显示在页面上: ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 监听状态变化 xhr....
一个简单的Ajax框架: function $(){ if(arguments.length == 1){ return document.getElementById(arguments[0]); } else if(arguments.length == 2){ return arguments[1].documentElement....
在"一个简单的Ajax实例"中,我们将探讨如何创建一个基本的Ajax请求,以理解其工作原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。以下是一个简单的Ajax请求示例: ```javascript ...
在这个"简单AJAX jquery实现"的项目中,我们将探讨如何使用jQuery来实现AJAX请求。 首先,我们需要了解jQuery中的AJAX核心函数`$.ajax()`. 这个函数提供了一种灵活的方式来进行异步数据请求。它的基本语法如下: `...
在这个“一个简单的Ajax聊天应用程序”中,我们将会深入探讨如何利用Ajax实现一个实时、交互式的聊天室。 1. **基础架构** - **前端**:主要由HTML、CSS和JavaScript组成,其中JavaScript负责与服务器进行异步通信...
本教程将通过一个最简单的Ajax例子,让你深入理解其工作原理和优势。 ### 1. Ajax基本概念 - **异步通信**:Ajax的核心是浏览器内置的`XMLHttpRequest`对象,它允许JavaScript向服务器发送异步HTTP请求,即在不...
这个“简单ajax登录例子”是一个非常适合初学者理解Ajax基本原理和使用方法的教程。在这里,我们将深入探讨Ajax如何与Servlet结合,实现用户无刷新登录验证。 1. **Ajax简介** Ajax的核心是JavaScript异步通信,它...
这个描述表明,我们有一个简单的AJAX应用,它的功能是读取一个外部数据文件,然后将获取的数据动态地展示在网页上。这通常涉及到以下几个关键步骤: 1. **创建XMLHttpRequest对象**:这是AJAX的核心,它是浏览器...
4. **编写后端代码**:在服务器端,可以创建一个Page Method或Web Service,这个方法会在Ajax请求到达时执行,处理数据并返回结果。 5. **客户端JavaScript处理**:使用JavaScript处理Ajax响应,更新UpdatePanel的...
文件名"制作一个简单的社区聊天室(AJAX)"可能包含以下内容: - HTML/CSS文件:构成用户界面,包括输入框、发送按钮和聊天消息列表。 - JavaScript文件:包含AJAX请求和DOM操作的代码。 - ASP.NET后台代码文件(如....