`
yang8820
  • 浏览: 84117 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

javascript异步对象链接服务器

阅读更多
javascript异步对象链接服务器。这是我初学时的浅薄的理解。
A、创建:
var xmlHttp;
Function createXMLHttpRequest(){
if(window.ActiveXObject)
xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);
else if(window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();
}
B、建立请求
xmlHttp.open(“请求方式”,url,bool);
说明:
请求方式(GET/POST);
url(异步请求的地址);
bool(true:为异步交互;false:为传统的同步交互)
C、onreadystatechange事件:
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4 && xmlHttp.status==200)
//do something
}
说明:
xmlHttp.readyState==4:表示与服务器交互状态成功;
xmlHttp.status==200:表示服务器准备状态已成功。
D、、send()发送:
GET方式请求时:send(null);
POST方式请求时:send();
E、示例:
1.GET方式请求:
var queryString = “firstName=isaac&birthday=0623”;
var url=”*.aspx?”+queryString+”&timestamp=”+
new Date().getTime();
xmlHttp.onreadystatechange= headlState();
xmlHttp.open(“GET”,url);
xmlHttp.send(null);

//做一些事情
function headlState(){
if(xmlHttp.readyState==4 && xmlHttp.status==200)
//do something
//var responseDiv=document.getElementById(“divId”);
//responseDiv.innerHTML=xmlHttp.responseText;
}


2.POST方式请求:
var queryString = “firstName=isaac&birthday=0623”;
var url=”*.aspx?timestamp=”+new Date().getTime();
xmlHttp.open(“POST”,url);
xmlHttp.onreadystatechange= headlState();
xmlHttp.setRequestHeader(“Content-Type”,
”application/x-www-form-urlencoded”);
xmlHttp.send(queryString);//该语句负责发送数据。
分享到:
评论

相关推荐

    javascript对象参考手册

    至于数据库访问,JavaScript通常借助于服务器端技术(如Node.js的数据库连接库)或浏览器的WebSQL或IndexedDB实现。这部分可能讲解如何通过AJAX与服务器通信,实现异步数据库操作,以及如何使用各种数据库API进行...

    JavaScript连接数据库

    在客户端,由于安全性限制,JavaScript通常不直接操作数据库,而是通过AJAX(异步JavaScript和XML)发送HTTP请求到服务器,由服务器处理数据库操作。在服务器端,如Node.js环境中,JavaScript可以直接使用像MySQL、...

    【JavaScript源代码】JavaScript实现异步获取表单数据.docx

    ### JavaScript 实现异步获取表单数据 #### 一、背景介绍 在现代Web开发中,异步操作是一项非常重要的技术。它允许浏览器在等待服务器响应的同时继续...希望这些知识点能帮助您更好地理解和应用JavaScript异步操作。

    基于Web的无刷新即时通讯设计与实现.pdf

    本文主要讲述了基于Web的无刷新即时通讯设计与实现,使用JavaScript的XMLHttpRequest对象与服务器异步交互得到数据,再用DOM更新页面上的数据从而实现WEB形式无刷新即时通讯。 关键技术点: 1. 使用Ajax异步交互...

    JavaScript语言与Ajax应用JavaScript面向对象编程PPT教案学习.pptx

    通过JavaScript,我们可以创建XMLHttpRequest对象,发送HTTP请求,然后接收服务器返回的数据,通常用于实现网页的异步交互,提升用户体验。 在面向对象编程方面,JavaScript支持基于原型的继承,对象可以拥有属性和...

    异步 JavaScript 和AJAX

    2. **打开连接**:使用`open()`方法设置请求类型(GET或POST)、URL以及是否异步执行。 3. **发送请求**:使用`send()`方法将数据发送到服务器。如果是GET请求,数据会附加到URL上;POST请求则将数据放在请求体中。 ...

    15JavaScript服务器端应用-ASP共17页.p

    3. **异步编程**:JavaScript的异步特性在服务器端尤为重要,包括回调函数、Promise、async/await等,这些都是解决Node.js中I/O操作问题的关键。 4. **WebSocket**:为了实现实时通信,JavaScript服务器端可能会涉及...

    JavaScript前端访问RESTFul服务器代码示例

    在JavaScript中,我们通常使用XMLHttpRequest对象或者更高级的fetch API来实现Ajax(Asynchronous JavaScript and XML)请求。Ajax允许我们在不刷新整个页面的情况下与服务器进行异步通信。以下是一个简单的使用...

    ASP.NET AJAX深入浅出系列课程(8):Microsoft AJAX Library对于JavaScript原生对象的扩展(下)

    5. **XMLHttpRequest对象的增强**:ASP.NET AJAX库对原生的XMLHttpRequest进行了封装,创建了` Sys.Net.XMLHttpExecutor`类,提供了一套更丰富的API,包括进度事件、错误处理等,使得与服务器的异步通信更加可控和...

    异步请求时判断远程服务中断和本地服务器中断

    异步请求,通常通过Ajax(Asynchronous JavaScript and XML)实现,是一种在后台与服务器交互的技术,用户可以继续浏览网页,而无需等待响应完成。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在页面不刷新的...

    浅析异步调用的ppt

    3. 打开到服务器的连接,指定请求类型(如GET或POST)、URL以及是否异步执行。 4. 发送请求到服务器,可能包含请求数据。 5. 在回调函数中处理服务器的响应,根据状态码判断请求是否成功,并获取响应内容。 ...

    jQuery与JavaScript各自实现AJAX异步请求验证[借鉴].pdf

    `verify`函数负责创建XMLHttpRequest对象,打开与服务器的连接,设置请求类型、URL以及是否异步。然后,它会设置请求头,发送请求,并注册回调函数来处理服务器的响应。 当服务器返回数据后,回调函数会接收到响应...

    JavaScript_使用ES2017异步函数的nodejs表达中间件.zip

    本主题将深入探讨JavaScript中的异步编程,特别是如何在Node.js环境中使用ES2017的异步函数来构建高效的服务器端应用。 在JavaScript中,异步编程通常涉及回调函数、Promise和事件循环。回调函数虽然能够实现非阻塞...

    javascript基础-->中级-->高级-->面向对象

    2. prototype与__proto__:两者都与原型链有关,prototype是构造函数的属性,__proto__是实例对象的属性,它们连接了对象间的继承关系。 3. 类与继承:ES6引入了class关键字,虽然在语法上更像传统的面向对象语言,...

    Ajax 实现异步提交的几个实例

    Ajax的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器进行数据交换,而不影响用户的界面体验。创建一个Ajax请求的基本步骤包括: 1. 创建XMLHttpRequest对象。 2. 打开与服务器的连接,指定请求类型...

    jq 图片异步上传预览 异步分页

    通过XMLHttpRequest对象,我们可以创建与服务器的异步连接,发送请求并接收响应。在上传图片时,我们设置请求方法为POST,Content-Type为multipart/form-data,然后将FormData对象作为请求体发送。 至于“分页”,...

    javascript实例应用---连接数据库实例.rar

    Node.js提供了运行JavaScript的服务器环境,支持异步I/O操作,是进行服务器端JavaScript开发的基础。 2. **数据库驱动**:Node.js有各种数据库驱动可供选择,如MySQL的`mysql2`库,MongoDB的`mongodb`库,或者...

    ajax异步调用数据

    3. **打开连接**:使用`open()`方法指定请求的类型、URL和是否异步。 4. **设置回调函数**:通过`onreadystatechange`事件监听状态变化,当状态为4(表示请求完成)且状态码为200(表示成功)时,执行处理数据的函数...

    JavaScript_解析服务器为Nodejs Express.zip

    在"JavaScript_解析服务器为Nodejs Express.zip"这个压缩包中,重点是讲解如何利用Node.js的Express框架来搭建一个功能强大的后端服务器。 Express是Node.js中最受欢迎的Web应用框架,它简化了HTTP服务器的创建,...

    PHP/JavaScript等开发的web服务器实例

    JavaScript则可能通过Ajax技术与服务器进行异步通信,实现页面的动态更新。 PHP的运行机制通常是:当用户通过浏览器发送HTTP请求到服务器,服务器上的PHP解释器会解析PHP代码并生成HTML响应,然后将这个响应发送回...

Global site tag (gtag.js) - Google Analytics