<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
var request = false;
try {
request = new XMLHttpRequest();
}catch(trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
}catch(othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
}catch(failed) {
request = false;
}
}
}
if(!request) {
alert("Error initializing XMLHttpRequest!");
}
function getCustomerInfo() {
var phone = document.getElementById("phone").value;
var url = "test.jsp";
request.open("GET",url,true);
request.onreadystatechange = updatePage;
request.send(null);
}
function updatePage() {
if(request.readyState == 4) {
if(request.status == 200) {
//var datas = request.responseXML.getElementsByTagName("data");
var datas = request.responseXML.documentElement;
var da = datas.childNodes.item(0).text;
//var response = request.responseText;
var test = document.getElementById("tt");
test.innerText = da;
}
}
}
</script>
</head>
<body>
<form action="POST">
<p>Enter your phone number:
<input type="text" size="14" name="phone" id="phone"
onChange="getCustomerInfo();" />
</p>
<div id="tt"></div>
</form>
</body>
</html>
test.jsp
<%response.setContentType("text/xml");%><?xml version='1.0' encoding='gb2312' ?>
<home>
<data>Zjcfan</data>
</home>
<?xml version='1.0' encoding='gb2312' ?>前面一定要注意，不能有任何空格和回车。否则XML样式错误，用FireFox来测试，IE不报错
分享到：
相关推荐
Ajax异步请求 Ajax异步请求是一种基于JavaScript和XMLHttpRequest对象的技术，允许Web应用程序在不刷新整个页面的情况下，更新页面的一部分内容。它可以实现异步通信，提高用户体验和页面加载速度。 在Ajax异步...
**Ajax异步请求小结** Ajax（Asynchronous JavaScript and XML）是一种用于创建快速、动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验，...
总的来说，Ajax异步请求能够实现不刷新整个页面的情况下与服务器通信，提高用户体验。通过JavaScript和Java的配合，我们可以构建动态、高效的Web应用。这个示例提供了一个基础的Ajax请求流程，实际应用中，可能需要...
本示例工程"Java通过jQuery实现ajax异步请求"着重展示了如何利用jQuery的AJAX功能与后端Java服务器进行数据通信，从而实现页面的无刷新更新。以下将详细解释这个过程中涉及的关键知识点。 首先，jQuery是一个强大的...
综上所述，Ajax异步请求分页是提高Web应用性能和用户体验的重要手段，结合C#的服务器处理能力，能够构建出高效且用户友好的分页系统。在实际开发中，需要根据项目需求灵活运用各种技术和策略，确保系统的稳定性和可...
本篇文章将深入探讨Ajax异步请求的验证，解决初级问题，为初学者提供参考。 一、Ajax的基本概念 Ajax并非一种单一的技术，而是一种利用现有Web技术（如JavaScript、XML、HTML、CSS等）组合成的新应用方式。它的...
用javascript硬编码方式和jquery框架方式完成ajax异步请求的示例源码。直接访问方式是，可以直接在tomcat启动后访问helloAjaxDemo.jsp或是helloJQueryAjaxDemo.jsp。
总结起来，这个"一个实用了spring mvc和ajax异步请求的例子"涵盖了Web开发中的重要概念，包括Spring MVC的Controller设计、RESTful API的实现以及Ajax的异步数据交互。这样的组合使得Web应用更加动态，用户体验更佳...
在“jQuery-ajax-用户名异步请求”这个场景中，我们可能是在设计一个注册或登录界面，需要在用户输入用户名时实时检查该用户名是否已被占用。这个过程可以通过Ajax调用后台接口实现，避免用户频繁提交表单进行检查。...
在本示例中，我们需要实现一个功能：当用户在树形菜单中选择某一节点时，通过 AJAX 异步请求向后台添加新的子节点，并在前端动态显示出来。 首先，我们看到 HTML 结构中有一个 `#demo` ID 的 `ul` 元素，它是 layui...
这可以通过Ajax异步请求来实现，无需用户等待整个页面刷新，提供更好的用户体验。 以下是一般的步骤： 1. **前端视图（View）**：在HTML表单中，我们添加一个事件监听器，如`onkeyup`或`onblur`，当用户在用户名...
**Ajax异步请求与用户体验** Ajax（Asynchronous JavaScript and XML）技术是Web开发中的一个重要工具，它使得网页可以在不刷新整个页面的情况下与服务器进行数据交互。这种技术在现代Web应用中广泛使用，因为它极...
- **带参数的Ajax异步请求**： ```javascript $.ajax({ type: "POST", async: false, cache: false, url: "listComplaintQuantityReports.action", data: { "quantityReport.summaryStartDate": $("#...
这种功能通常与Ajax异步请求后台数据相结合，实现无缝的数据加载。 一、H5移动端上滑加载原理 H5移动端上滑加载的核心在于监听用户的滚动事件，当用户滚动到页面底部时，触发一个函数，该函数通过Ajax发送请求至...
**Ajax异步请求服务器——基于Jquery** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个页面的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新。在本...
**ASP.NET AJAX异步请求详解** ASP.NET AJAX（Asynchronous JavaScript and XML）是微软提供的一套用于构建富客户端Web应用程序的技术，它允许开发者创建具有部分页面刷新、无刷新更新和异步交互功能的Web应用。在...
标题中的“ajax异步请求数据分页”是指使用AJAX技术在后台动态获取所需的数据部分，而不是一次性加载整个数据集。这样可以提高网页的响应速度和用户的交互体验。AJAX的核心是XMLHttpRequest对象，它允许我们在不刷新...
通过以上步骤，你可以在Struts2框架下实现Ajax异步请求，无需直接操作Servlet的`PrintWriter`，从而保持控制器层的简洁性，同时提升应用的交互体验。在StrutsAjaxDemo项目中，你可以找到具体的示例代码，学习如何将...