//Action中向按钮传递的value,try后面写需要执行的功能
try {
response.setCharacterEncoding("UTF-8");
PrintWriter pw = response.getWriter();
pw.println(" 已点击 ");
pw.flush();
pw.close();
} catch (Exception e) {
e.printStackTrace();
}
//JSP中的JS代码
function btChange(bt){
if(bt == 1){
XMLHttpReq = createXMLHttpReq();
XMLHttpReq.open("POST", "这里是需要执行的 Action方法", true);
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send();
}
}
function processResponse() {
if (XMLHttpReq.readyState == 4) {
var message = false;
if (XMLHttpReq.status == 200) {
message = XMLHttpReq.responseText;
//获取JSP中的按钮,并对其value值进行赋值,message为Action中传递过来的值
var upButton = document.getElementById("upButton");
upButton.value = message;
alert(message);
//让按钮失效,即变为灰色
document.getElementById("upButton").disabled="true";
}
}
}
function createXMLHttpReq() {
XMLHttpReq = false;
if (window.XMLHttpRequest) {
XMLHttpReq = new XMLHttpRequest();
} else {
if (window.ActiveXObject) {
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
}
}
}
}
return XMLHttpReq;
}
分享到:
相关推荐
### Ajax底层原理及使用方式详解 #### 一、Ajax简介 Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种用于创建交互式网页应用的技术。它不是一种新的编程语言,而是一种使用现有标准的新方法...
总之,JQuery提供的AJAX操作方法使得开发者能够非常容易地在不刷新页面的情况下与服务器进行数据交换,增强用户的交互体验。通过本文中介绍的方法,可以快速实现各种常见的网络请求场景,并且通过灵活的参数配置,...
该方法是 jQuery 的底层 AJAX 实现,相比 $.get 和 $.post 等高级封装方法更为灵活,适用于复杂场景下的 AJAX 调用。 **2. 语法结构** ```javascript jQuery.ajax([settings]) ``` 其中 `settings` 参数是一个可...
通过学习和使用Prototype,你可以更专注于业务逻辑,而不是底层的Ajax实现细节。 总结一下,Prototype通过其丰富的Ajax接口,使得开发者能够更加便捷地处理异步请求。无论是简单的GET请求、更新页面内容,还是处理...
$.ajax()是jQuery库中用于AJAX通信的底层方法,它封装了原生的AJAX实现,并提供了简单易用的接口。该方法仅接受一个参数,即一个包含设置和回调函数的对象,所有的参数都是可选的。通过$.ajax()方法,开发者可以指定...
jQuery提供了`.ajax()`、`.get()`、`.post()`等方法,Prototype有`Ajax.Request`和`Ajax.Updater`等,它们都封装了底层的XMLHttpRequest操作,让开发者可以更专注于业务逻辑。 6. **jQuery的Ajax**:jQuery的Ajax...
总结来说,这个“已封装Ajax操作类”是为了解决JavaScript中使用原生XMLHttpRequest对象进行Ajax请求的复杂性,提供了一个简洁、易用的接口,使得开发者能够更专注于业务逻辑,而不是底层通信的实现。通过学习和使用...
总之,Prototype框架通过提供方便的AJAX方法,大大降低了开发者的门槛,使他们能更加专注于业务逻辑,而非底层通信细节。通过学习并实践"prototype-AJAX案例",你将能够熟练掌握Prototype进行异步通信的方法,并提升...
Spring作为一个全面的Java企业级应用框架,提供了强大的MVC(Model-View-Controller)架构支持,而jQuery则简化了JavaScript的DOM操作和AJAX通信。本文将深入探讨Spring与jQuery AJAX交互以及Servlet与jQuery AJAX...
工具包中封装了一系列对象函数和数据类型,这些函数和类型使得开发者能够在JavaScript环境中处理复杂的业务逻辑,包括数据检索、更新、删除等操作,而无需深入了解底层的网络通信细节。 **Debugging with the AJAX ...
通过 jQuery,开发者可以轻松地实现 AJAX 功能,而无需了解底层的 XMLHttpRequest 对象。 #### 二、示例代码分析 在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX ...
- **jQuery**:jQuery的`$.ajax()`方法是Ajax操作的标准接口,提供了丰富的配置选项,可以轻松处理异步请求。 - **axios**:这是一个基于Promise的HTTP库,支持浏览器和Node.js环境,具有拦截请求和响应、取消请求、...
EXT JS的Ajax组件包括Ajax proxy、Store和Grid等,它们使得数据的获取、展示和操作变得简单高效。 "DWR"(Direct Web Remoting)是另一个与Ajax相关的技术,它允许Java服务器端的方法可以直接调用JavaScript函数,...
1. **数据访问层(JDBC)**:这是与数据库交互的底层,负责执行SQL语句,进行数据的增、删、查、改操作。在新闻发布系统中,我们需要创建、更新、读取和删除新闻条目。JDBC提供了连接数据库、执行SQL和处理结果集的...
**DOM与Ajax操作基本类库详解** 在Web开发中,DOM(Document Object Model)和Ajax(Asynchronous JavaScript and XML)是两个至关重要的概念。DOM是HTML和XML文档的编程接口,它允许程序和脚本动态更新、添加或...
jQuery简化了Ajax操作,提供`$.ajax()`, `$.get()`, `$.post()`等函数,让开发者无需关注底层实现。此外,还有axios、fetch API等现代JavaScript库提供了更强大的功能和更好的跨浏览器支持。 ### 五、跨域问题 ...
jQuery提供了`.ajax()`方法,它是所有Ajax操作的基础。该方法接受一个包含各种选项的对象作为参数,用于配置请求的细节。以下是一些基本选项: 1. `url`: 服务器端的处理脚本URL。 2. `type`: 请求类型,如GET或...
AJAX的核心在于使用XMLHttpRequest对象进行异步请求和操作数据。它允许网页在不刷新页面的情况下,与服务器进行数据交换并动态更新局部页面内容。这种特性使得网页应用更加流畅、响应迅速,为用户提供了接近桌面应用...
Ajax 的核心在于通过 JavaScript 和 XMLHttpRequest 对象实现客户端与服务器端的异步数据交换,使得用户可以与网页进行交互而不会中断页面的其他操作。这极大地提升了网页的用户体验,尤其在数据密集型的Web应用中。...