参照了网上资料，由于对ajax用的不深入，该框架只获取到responseText响应内容
参考资料
http://commandos.blog.51cto.com/154976/115723
--------------------------myajax.js---------------------
function $( elementId ) {
return document.getElementById(elementId).value;
}
/*
* 根据不同的浏览器，获取Ajax对象
*/
function getAjaxObject() {
var xmlHttpRequest;
// 判断是否把XMLHttpRequest实现为一个本地javascript对象
if(window.XMLHttpRequest){
xmlHttpRequest = new XMLHttpRequest();
}else if(window.ActiveXObject){ // 判断是否支持ActiveX控件
try{
// 通过实例化ActiveXObject的一个新实例来创建XMLHttpRequest对象
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
try{
// 通过实例化ActiveXObject的一个新实例来创建XMLHttpRequest对象
xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){}
}
}
if ( !xmlHttpRequest ) {
alert("创建Ajax对象失败，您将无法正常浏览网页");
}
return xmlHttpRequest;
}
/*
* 异步方式提交请求
* method get/post
* url 访问数据的地址
* data 需传入的参数
* yourfunction 你的处理函数
*/
function sendRequestByAjax(method, url, data, yourfunction) {
// 获取Ajax对象
request = getAjaxObject();
// 设置回调函数
request.onreadystatechange = function(){
onreadystatechange(yourfunction);
};
request.open(method, url, true); // true代表使用异步方式 false代表使用同步方式
// 处理提交方式
if ( "get" == method.toLowerCase() ) {
// 使用GET方式提交数据
var urls = url.split("?");
if ( urls[1] == "" || typeof(urls[1]) == "undefined" ) {
url = urls[0] + "?" + data;
} else {
url = urls[0] + "?" + urls[1] + "&" + data;
}
data = null; // for GET method,request必须为空
} else if ( "post" == method.toLowerCase() ){
// 使用POST方式提交数据
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
}
request.send(data);
}
/*
* 回调函数
* 这里获取到响应内容responseText传人你写的处理函数yourfunction()
*/
function onreadystatechange(yourfunction){
if (request.readyState == 4){
if (request.status == 200){
var responseText=request.responseText;
yourfunction(responseText);
}
}
}
}
以下两个是测试文件 testAjax.jsp和date.jsp
-------------------------------testAjax.jsp------------------------
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" language="javascript" src="myajax.js" ></script>
<title>Insert title here</title>
<script language="javascript">
function getResponseText(responseText){ //你的处理函数
alert(responseText);
}
function testAjax(){
sendRequestByAjax('post','date.jsp',null,getResponseText);
}
</script>
</head>
<body>
<input type="button" name="button" id="button" value="测试" onclick="testAjax()">
</body>
</html>
-----------------------date.jsp-----------------------
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@page import="java.io.PrintWriter"%>
<%
String count="your get it";
out.println(count);
%>
分享到：
相关推荐
一个简单的Ajax框架: function $(){ if(arguments.length == 1){ return document.getElementById(arguments[0]); } else if(arguments.length == 2){ return arguments[1].documentElement....
AJAX框架是为了简化AJAX开发而设计的工具，它们提供了一套封装好的API，帮助开发者快速、便捷地构建具有AJAX功能的应用。这些框架可以处理与服务器的通信、数据解析、错误处理等复杂任务，让开发者能够专注于应用...
Ajax框架的出现，使得开发人员能够更方便、高效地实现Ajax功能，提高用户体验。 本压缩包中的文件“jquery_api.chm”是jQuery API的离线帮助文档，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件...
在提供的“AJAX框架DWR简单应用.pdf”文件中，你可能会找到关于如何设置DWR环境、编写Java接口、配置DWR配置文件、在前端JavaScript中使用DWR，以及示例代码和实际运行效果的详细教程。这个文件是学习和理解DWR工作...
**AJAX框架 v4.0** 是一个专为构建高效、动态和交互性强的Web应用程序设计的前端技术框架。在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种允许网页在不重新加载整个页面的情况下与服务器交换数据并...
**十大AJAX框架详解** AJAX（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。随着Web开发的不断进步，AJAX框架应运而生，它们为开发者提供了更加便捷和高效的手段来...
本篇将详细探讨Ajax常用框架的API及其应用。** 1. **jQuery AJAX** jQuery是最流行的JavaScript库之一，其内置的$.ajax()函数是实现Ajax请求的主要方式。$.ajax()接受一个包含各种选项的对象参数，如URL、类型...
AJAX JS框架相当简单 经典好用，包含序列化表单 var p=new J.Post(); p.setUrl("index.jsp").setParm("name=qq").send(); 如此简单就可以发送 一个 ajax请求 当然你可以设置发送同步或者异步的请求 异步：setAsync...
Ajax框架通常包括对请求的封装、数据解析、错误处理以及与DOM交互的工具，以简化开发流程。 【标签】"源码"表明这个框架提供了可供学习和修改的原始代码，开发者可以通过阅读和理解源码来深入掌握其工作原理，也...
**Ajax-ext框架详解** Ajax-ext框架是一款强大的JavaScript库，专为构建富客户端应用程序而设计，它结合了Ajax技术的优势和ExtJS库的功能，提供了一种高效、可扩展的方式来实现动态和交互式的Web应用。框架的核心...
ZK Ajax开发框架是一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架，用于丰富网页应用程式的使用接口。最大的好处是，在设计AJAX网络应用程式时，轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为...
### ASP.NET Ajax框架与组件详解 #### 一、引言 随着互联网技术的快速发展，用户对于Web应用的体验有了更高的要求。传统的Web应用程序通常需要在每次用户交互时重新加载整个页面，这种做法不仅效率低下，而且用户...
根据给定的信息，我们可以梳理出以下关于Ajax框架的相关知识点： ### 1. Prototype Prototype 是一个功能强大的 JavaScript 库，它扩展了 DOM API，并提供了一系列便捷的方法和对象。该库非常优雅，支持丰富的 ...
【微软ASP.NET AJAX框架剖析】 ASP.NET AJAX框架是微软针对AJAX（Asynchronous JavaScript and XML）技术开发的一个全面的Web开发框架，旨在提供一个高效、易于使用的开发环境，以创建以用户为中心的Web应用程序。...
本篇文章将围绕一个简单的Ajax框架——Ajax.js展开，深入探讨其工作原理、核心功能以及如何在实际项目中应用。 ### 1. Ajax.js框架概述 Ajax.js是一个轻量级的JavaScript库，专注于提供易于使用的Ajax交互功能。它...
xAjax是一个基于PHP的开源Ajax框架，旨在简化开发人员在Web应用程序中集成Ajax功能的过程。本文将详细介绍xAjax框架及其核心概念，帮助开发者快速上手。 1. **xAjax概述** xAjax是一个轻量级、高效的PHP类库，它...
学习Struts 2和AJAX框架的组合，有助于开发者构建出响应快速、交互性强的Web应用。Struts 2的强大功能和AJAX的动态特性，使得开发者可以更好地满足用户需求，提升应用的性能和用户体验。在实际开发中，深入理解和...
在本篇文章中，我们将深入探讨如何构建一个通用的Ajax框架，并涉及与JSON数据的处理。 **一、Ajax基础** Ajax并非一种编程语言，而是使用一组相关的Web开发技术的集合。其主要组件包括： 1. **XMLHttpRequest对象...
在本项目中，我们探讨的是如何使用ASP.NET 3.5与AJAX客户端框架来开发一个Web版的RSS阅读器。这个技术栈结合了服务器端的强大处理能力与客户端的交互性，为用户提供流畅且实时的体验。以下是关于这个主题的详细知识...
【四种流行的AJAX框架】 AJAX（Asynchronous JavaScript and XML）是Web开发中的一种技术，用于创建交互式和响应迅速的用户体验，而无需刷新整个页面。本文将详细探讨四种流行的AJAX框架：jQuery、MooTools、Dojo和...