varxmlhttp = null;
//得到节点值
var domname = document.getElementById("domname").value;
//判断游览器的httpRequest对象
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
// 针对mozillar游览器的bug
if(xmlhttp.overrideMimeType){
xmlhttp.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
var activexName =["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0;i<activexName.length;i++){
try{
xmlhttp = new ActiveXObject("activexName[i]");
break;
} catch(e){
}
}
}
if(!xmlhttp){
alert("xmlhttp对象创建失败");
return;
}else{
alert("xmlhttp对象创建成功");
}
//注册回调函数
xmlhttp.onreadystatechange = callback;
//设置连接信息
xmlhttp.open("GET",url,ture);
//发送数据
xmlhttp.send(null);
//回调函数
function callback(){
//判断状态交互完成
if(xmlhttp.readyState ==4){
//判断http是否交互成功
if(xmlhttp.status==200){
//获取服务器获取的数据
var responseText = xmlhttp.responseText;
//将数据显示在页面上
var divNode = document.getElementById("result");
//设置内容
divNode.innerHTML= responseText;
}
}
}
分享到:
相关推荐
"ext_ext_knew7pi_ajax_"这个标题暗示我们这里讨论的是关于EXT 1.1中的AJAX功能及其应用。 EXT 1.1中的AJAX(Asynchronous JavaScript and XML)是实现异步数据交换的核心工具。它允许Web应用在不刷新整个页面的...
- **$.get()** 方法:这是一个简化的Ajax请求,用于发送GET请求。在示例中,`checkUserExist(name)`函数使用$.get向服务器发送请求,传入参数并接收回调函数处理返回数据。 4. **Ajax响应处理**: - **数据格式**...
xhr.open('GET', 'download.xml', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var xmlResponse = xhr.responseXML; // 解析XML数据 // 触发下载 ...
function parseResponse(text, dataType) { // ... } ``` 8. **错误处理** 除了在`onreadystatechange`中处理错误,还可以设置`onerror`和`ontimeout`事件。 9. **其他可选功能** 为了与jQuery保持一致,我们可以...
### Ajax的多重实现方法 #### 一、JSON详解 ##### 1. 什么是JSON JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它是一种基于JavaScript的一个...
例如,使用`$.ajax()`函数,设置`dataType`为`'text'`,然后定义回调函数处理返回的文本数据。 ```javascript $.ajax({ url: 'your-url', type: 'GET', dataType: 'text', success: function(textData) { ...
$.get("./Ajax.aspx", { Action: "get", Name: "example" }, function(data, textStatus) { // 返回的 data 可以是 xmlDoc, jsonObj, html, text 等等 console.log(data); console.log(textStatus); // 请求状态...
option.text = data[i].name; subcategorySelect.appendChild(option); } } ``` 4. 服务器端处理: 在服务器端(例如PHP),我们需要根据接收到的`category`参数查询数据库,获取相应的子类别数据,然后以JSON...
jsp+ajax 发送 GET 请求的方法 本文主要介绍了 jsp+ajax 发送 GET 请求的方法,包含了 Ajax 数据的发送与 JSP 文件的处理技巧。下面是详细的知识点: 一、Ajax 发送 GET 请求 Ajax 发送 GET 请求是通过创建 ...
File target = new File(this.getHttpServletRequest().getRealPath("/") + targetFile); if(target.exists()){ target.delete(); } files.renameTo(target); loadPath = targetFile; } return loadPath; }...
但在jQuery中,我们不再直接操作这个对象,而是使用$.ajax()、$.get()、$.post()等便捷函数。 1. **$.ajax()**: 这是jQuery中最全面的Ajax方法,允许我们自定义所有请求参数。例如: ```javascript $.ajax({ url:...
在IT行业中,Servlet、JSP、Ajax和jQuery是Web开发中的关键技术。Servlet是Java服务器端编程的基础,用于处理和响应客户端请求。JSP(JavaServer Pages)是Servlet的一种简化方式,允许开发者在HTML中嵌入Java代码,...
jQuery简化了Ajax操作,提供了`$.ajax()`, `$.get()`, `$.post()`等便捷的API。例如,使用jQuery发起一个GET请求: ```javascript $.get('ajax_demo', function(data) { // 成功回调,data是服务器返回的数据 }, '...
9. **jQuery中的Ajax**:jQuery提供了一个简洁的API,如`$.ajax()`, `$.get()`, `$.post()`等,使得Ajax操作更为简便。例如,`$.get('url', function(data) {...})`用于发起GET请求。 10. **Promise和async/await**...
### Ajax 实现级联菜单详解 #### 一、引言 在现代Web应用开发中,交互性和用户体验至关重要。Ajax(Asynchronous JavaScript and XML)技术因其能够实现页面局部刷新而受到广泛青睐,尤其在构建动态菜单系统时优势...
2. Ajax的GET和POST请求实现。 3. 解决Ajax请求中文乱码问题。 4. PHP接收和发送JSON数据。 5. 结合MySQL数据库进行数据交互。 通过这个实例,开发者可以学习到如何创建一个能够动态获取和提交数据的Web应用,同时...
1. **读取数据**:使用Ajax发送GET请求,服务器端执行SQL查询语句(如`SELECT * FROM news`),并将结果转换成JSON格式返回。 2. **添加数据**:客户端通过POST请求提交新闻数据,服务器端执行`INSERT INTO news ...
在JSP中,当使用Ajax进行GET请求时,可能会遇到中文乱码的问题。这通常是由于URL编码不匹配或处理不当导致的。以下是一些解决这个问题的关键知识点和步骤: 1. **URL编码问题**: URL编码是一种标准,用于将特殊...
jQuery库简化了JavaScript中的AJAX调用,通过`.ajax()`, `.post()`, 或者 `.get()` 方法发送异步请求。例如,当用户在前端提交表单时,jQuery会捕获事件,然后使用AJAX方法向服务器发送请求,传递数据并接收回应。 ...