var xmlhttp = 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("POST",url,ture);
//post方式需要设置http的请求头
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送数据
xmlhttp.send("param="+param);
//回调函数
function callback(){
//判断状态交互完成
if(xmlhttp.readyState ==4){
//判断http是否交互成功
if(xmlhttp.status==200){
//获取服务器获取的数据
var responseText = xmlhttp.responseText;
//将数据显示在页面上
var divNode = document.getElementById("result");
//设置内容
divNode.innerHTML= responseText;
}
}
}
分享到:
相关推荐
link rel="stylesheet" href="../jquery/pagination/pagination.css" type="text/css" /> 2,准备好服务器端返回结果 主要代码如下: $members = array(array().......); //详见附件 $total = count($members)...
你可以指定请求的URL、方法(GET或POST)、参数以及成功和失败的回调函数。例如,下面的代码会发送一个GET请求到服务器的特定端点: ```javascript Ext.Ajax.request({ url: 'http://example.com/api/data', ...
<input type="text" id="username" onkeyup="checkAvailability()" /> ``` 2. **JavaScript函数**:编写`checkAvailability`函数,利用Ajax发送请求。这里使用jQuery库简化代码: ```javascript function ...
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) { ...
$.post("./Ajax.aspx", { Action: "post", Data: "example data" }, function(data, textStatus) { console.log(data); console.log(textStatus); // 请求状态:success, error 等等。 }); ``` #### 三、深入理解...
在IT行业中,Ajax(异步JavaScript和XML)技术被广泛应用于网页和应用程序,以实现页面局部刷新,提高用户体验。在这个“login-form-using-ajax.rar”压缩包中,我们重点关注的是如何利用Ajax来创建一个动态的登录...
### Dojo Toolkit与Ajax支持详解 #### 一、概述 **Dojo** 是一个功能强大的JavaScript库,旨在简化客户端Web应用程序的开发。它提供了一系列工具和技术来帮助开发者创建高性能、可扩展的应用程序。其中,Dojo对...
2. **设置请求方式和URL**:使用`open()`方法指定请求类型(GET或POST)以及请求的URL。 3. **发送请求**:使用`send()`方法发送请求。 4. **处理响应**:监听`onreadystatechange`事件,当状态变为4且状态码为200时...
但在jQuery中,我们不再直接操作这个对象,而是使用$.ajax()、$.get()、$.post()等便捷函数。 1. **$.ajax()**: 这是jQuery中最全面的Ajax方法,允许我们自定义所有请求参数。例如: ```javascript $.ajax({ url:...
### Ajax的POST方法详解 #### 一、引言 在Web开发中,异步JavaScript与XML(Ajax)技术被广泛应用于提升用户体验,实现无需刷新页面即可加载数据的功能。本文将重点探讨Ajax中的POST方法,包括其基本原理、应用...
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**...
2. Ajax的GET和POST请求实现。 3. 解决Ajax请求中文乱码问题。 4. PHP接收和发送JSON数据。 5. 结合MySQL数据库进行数据交互。 通过这个实例,开发者可以学习到如何创建一个能够动态获取和提交数据的Web应用,同时...
总结来说,实现"Lotus Domino AJAX 不刷新post页面保存文档"的核心技术包括: 1. 使用jQuery的$.post方法进行异步POST请求。 2. 在Lotus Domino代理中处理POST请求,创建和保存新文档。 3. 利用辅助函数解析POST数据...
`content` TEXT NOT NULL, `date` DATETIME NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; ``` 1. **读取数据**:使用Ajax发送GET请求,服务器端执行SQL查询语句(如`SELECT * FROM news...
### AJAX中使用JavaScript的send方法POST参数详解 #### 一、引言 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的局部刷新,提升用户体验。其中,通过JavaScript发送POST请求是一...
jQuery库简化了JavaScript中的AJAX调用,通过`.ajax()`, `.post()`, 或者 `.get()` 方法发送异步请求。例如,当用户在前端提交表单时,jQuery会捕获事件,然后使用AJAX方法向服务器发送请求,传递数据并接收回应。 ...
- **Plain Text**:纯文本格式,简单易用。 - **HTML**:直接返回HTML片段,用于动态更新页面内容。 ### 五、异步与同步 - **异步**:Ajax的默认模式,不会阻塞用户界面,允许页面在请求处理期间保持交互性。 - **...