AJAX的经典调用
//创建XML对象
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
}
//处理函数
function callback()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
parseMessage();
}else{
alert("Not able to retrieve description"+xmlHttp.statusText);
}
}
}
function parseMessage()
{
var xmlDoc=xmlHttp.responseXML.documentElement;
var xSel=xmlDoc.getElementsByTagName('hours');
var select_root=document.getElementById('timeControl.hour');
select_root.options.length=0;
for(var i=0;i<xSel.length;i++)
{
var xValue=xSel[i].childNodes[0].firstChild.nodeValue;
var xText=xSel[i].childNodes[1].firstChild.nodeValue;
var option=new Option(xText,xValue);//Option是包含value和text的对象
try{
select_root.add(option);
}catch(e){
}
}
}
//调用服务器
function callServer1(){
createXMLHttpRequest();
// var name=document.getElementById('name').value;
var url="<%=request.getContextPath()%>/adv/AdvSpaceManageAction.do?act=getDate"+"&time="+new Date();
alert(url);
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
要求:---- ajax不能在一个页面加载 或者后面需要关闭页面的js代码段中使用.
分享到:
相关推荐
要实现JSP调用JSP的AJAX过程,主要分为以下几个步骤: 1. **创建JSP页面**:首先,我们需要创建两个JSP页面,一个用于显示内容(如`main.jsp`),另一个用于处理请求并返回数据(如`process.jsp`)。 2. **编写...
- **异步请求**:Ajax调用是异步的,这意味着它不会阻塞浏览器,用户可以继续浏览其他内容。 - **JSON格式**:尽管名称中含有XML,但现代Ajax更倾向于使用JSON(JavaScript Object Notation)格式传输数据,因为JSON...
封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助
在介绍原生AJAX写法的实例分析中,我们首先需要了解AJAX(Asynchronous JavaScript and XML)技术的概念。AJAX是一种能够使用JavaScript在不重新加载页面的情况下,与服务器交换数据并更新部分网页的技术。使用AJAX...
`$.ajax` 是jQuery中最基础的AJAX调用方法,它允许自定义所有请求的细节。在示例代码中,`type` 指定了请求类型(GET),`url` 定义了请求的目标页面(Result.aspx),`data` 包含了发送到服务器的数据(name=John&...
在JavaScript的世界里,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。XMLHTTPRequest对象是实现Ajax的核心,它是...
AJAX(Asynchronous JavaScript and XML)和jQuery是实现动态分页的常用技术。这篇文章将详细解释如何使用这两种技术来创建实用的分页功能。 首先,理解AJAX的基础。AJAX是一种在不刷新整个页面的情况下,与服务器...
4. **创建服务器端Ajax方法**:通过添加`[AjaxPro.AjaxMethod]`特性标记,你可以将一个服务器端方法标记为可由Ajax调用。例如,下面的`getValue`方法将接收两个整数参数,相加后返回结果到客户端: ```csharp ...
JavaScript中的AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。它的核心是XMLHttpRequest对象,这个对象允许我们与服务器进行异步数据交换,从而实现网页...
在JavaScript中,Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。它的核心是XMLHttpRequest对象,它允许JavaScript与服务器进行异步通信,实现...
AJAX.NET提供的最主要的(也是唯一)的功能就是异步调用服务器端方法,可谓非常纯粹的“基于数据”的AJAX使用方式。这个框架是一个个人作品,有支持.NET 1.1和2.0的版本,它并不属于微软官方,目前已经停止更新。 ...
在本篇文章中,我们将深入探讨如何在Ajax模板中嵌套控件,并实现特定情况下提示对话框的方法。通过本文,读者可以了解到如何有效地在基于Ajax的Web应用中展示对话框,尤其是在用户验证或需要进行提示信息时的情景下...
本文将深入探讨基于JavaScript原生实现的AJAX的GET、POST方法以及JSONP(JSON with Padding)的原生写法,并提供相关的实例代码。 1. **AJAX GET方法** AJAX GET方法用于向服务器发送请求获取数据。在给定的示例中...
总结来说,基于WordPress的AJAX写法主要包括以下步骤: 1. 在前端JavaScript中,使用jQuery发起AJAX请求,设置好URL(admin-ajax.php)和`action`参数。 2. 创建后端PHP处理函数,处理请求并返回数据。 3. 使用`add...
Thunk函数是一种处理异步操作的方式,它接收一个函数作为参数,该函数在其内部调用原函数并处理异步操作。结合Generator,我们可以控制流程的执行,如在遇到alert或confirm时暂停,待用户交互后再恢复。 对于重写...
一个基本的Ajax调用涉及以下步骤: 1. 创建XMLHttpRequest对象:在现代浏览器中,可以通过`new XMLHttpRequest()`创建一个实例。 2. 配置请求:通过`open()`方法设置请求类型(GET或POST)、URL以及是否异步执行。 ...
在这个过程中,jQuery简化了DOM操作和Ajax调用,而JSON提供了高效的数据交换方式。这种级联效果广泛应用于表单验证、动态过滤、地理定位等多种场景,提升了用户界面的交互性和实时性。 总结来说,jQuery、Ajax和...