发送请求页面的代码
<html>
<head>
<title>ajax</title>
<script language="javascript">
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
//发送AJAX请求
function callServer()
{
// Get the city and state from the web form
var city = document.getElementById("city").value;
// Only go on if there are values for both fields
if ((city == null) || (city == "")) return;
// Build the URL to connect to
var url = "returnvalue.txt";//这里可以是一个xml文件，一个页面等
// Open a connection to the server
xmlHttp.open("GET", url, true);
// Setup a function for the server to run when it's done
xmlHttp.onreadystatechange = updatePage;
// Send the request
xmlHttp.send(null);
}
function updatePage()
{
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
document.getElementById("returnValue").value = response;
}
}
</script>
</head>
<body>
<input id="city" type="text" onBlur="callServer();">
<input id="returnValue" type="text">
</body>
</html>
执行的效果是将文本文件的内容返回到
<input id="returnValue" type="text">显示
分享到：
相关推荐
在Ajax应用中，通常会有一个后端服务器，负责处理来自客户端的请求并返回数据。这部分可能涉及到JDBC（Java Database Connectivity）来与数据库交互，或者使用ORM（Object-Relational Mapping）框架如Hibernate或...
接着，创建了一个Ajax对象（这里使用的是一个自定义的`AJAXRequest`类，但通常我们会使用`XMLHttpRequest`或现代浏览器提供的Fetch API），并设置了请求方式为POST，请求URL为`userResult.jsp`，并且将省份ID作为...
在这个"Vue20作的音乐播放小例子"中，我们可以探讨如何使用Vue 2.0来构建一个简单的音乐播放器应用。这个小项目可能包含了以下几个关键知识点： 1. **Vue实例**：所有Vue应用都始于一个Vue实例，它是一个包含Vue...
在这个例子中，每一页的内容可能被封装在一个选项卡里，用户通过分页按钮在不同的选项卡之间切换。 4. **DOM操作**：jQuery提供了方便的API来操作DOM（文档对象模型）。在这里，它可能用于创建分页按钮，监听按钮...
这个资源可能包含了光盘代码，这将为学习者提供实际操作的例子和项目，帮助他们更好地理解和应用JavaScript技术。 首先，JavaScript的基本语法是学习的重点。包括变量声明（var关键字）、数据类型（如字符串、数字...
总的来说，"javascript中的宠物石"项目涵盖了JavaScript的基础语法、事件处理、异步通信、面向对象编程和动画制作等多个方面，是学习和实践JavaScript交互性开发的一个好例子。通过这个项目，初学者可以逐步提升自己...
1. **jquery.min.js**：这是jQuery库的压缩版，它是一个强大的JavaScript库，简化了DOM操作、事件处理、动画制作和Ajax交互。在我们的案例中，jQuery将帮助我们更方便地处理页面元素和事件。 2. **qrcode.js**：这...
10. **事件委托**：当有多个导航项时，可以使用事件委托技术，只在父级元素上添加一个事件监听器，通过事件冒泡机制来处理子元素的事件，这样可以提高性能并简化代码。 以上知识点都是构建动态导航菜单时可能会用到...
`onclick`事件就是一个例子，当用户点击按钮时，可以调用一个函数，如`alert('Welcome!')`显示警告框。JavaScript提供了大量的事件供开发者使用，为用户提供丰富的交互体验。 3. **改变HTML内容**：JavaScript可以...
接下来，让我们通过一个简单的例子来了解`map`操作符。假设我们有一个数字数组，我们想要将其中的每个数字平方： ```javascript const numbers = [1, 2, 3, 4, 5]; const source$ = of(numbers); source$.pipe( ...
这个例子展示了如何获取一个JSON数据，并将结果打印到控制台。 总结起来，"HTML:我对javascript的测试"项目旨在通过实践来探索HTML页面中JavaScript的功能，包括DOM操作、事件处理、逻辑控制、函数定义以及与服务器...
在IT行业中，JavaScript是一种至关重要的编程语言，尤其在前端开发...同时，这也是一个实践“在家工作”理念的好例子，因为现代Web开发者常常需要远程协作和自我学习，这种类型的练习可以帮助他们适应这种工作模式。
在使用layui库与layer弹窗插件进行网页开发时，可能会遇到一个问题，即在layer弹出层中的点击事件无法正常工作。这个问题通常是由于事件绑定的方式不正确导致的。本文将详细解析这个问题的原因，并提供解决方案。 ...