异步调用XMLHttpRequest

最新推荐文章于 2023-02-25 15:30:34 发布
最新推荐文章于 2023-02-25 15:30:34 发布
阅读量499 收藏 1
点赞数
分类专栏： js 文章标签： xmlhttprequest 浏览器 服务器 browser url input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seminmredoxu/article/details/7335484
版权
 

所有现代的浏览器都支持 XMLHttpRequest 对象。

在不重新加载页面的情况下更新网页

在页面已加载后从服务器请求数据

在页面已加载后从服务器接收数据

在后台向服务器发送数据

 

<html>
<head>
<script type="text/javascript">

xmlHttp=null;

function showHint(str)
{
if (str.length==0)
  {

//输入为空时显示空。
  document.getElementById("txtHint").innerHTML="";
  return;
  }
try
  {

//创建异步调用对象（现代浏览器适用）

  xmlHttp=new XMLHttpRequest();
  }
catch(e)
  {
  try
    {

//创建老式浏览器异步调用
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  catch(e)
    {
    alert ("Your browser does not support XMLHTTP!");
    return; 
    }
  }

//请求地址，Math.random();去随机数，防止url每次请求一样而是异步调用失效
url="/ajax/gethint.asp?q=" + str;
url=url+"&sid="+Math.random();
xmlHttp.open("GET",url,false);
xmlHttp.send(null);

//xmlHttp.responseText;  接收异步调用结果
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
</script>
</head>
<body><form>
First Name:
<input type="text" id="txt1"
οnkeyup="showHint(this.value)">
</form><p>Suggestions: <span id="txtHint"></span></p> </body>
</html>

seminmredoxu
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX异步通信和XMLHttpRequest 对象
Teheran的博客
01-16 373
AJAX指的是 JavaScript 的异步通信 AJAX 包括以下几个步骤 1.创建 XMLHttpRequest 实例 2.发出 HTTP 请求 3.接收服务器传回的数据 4.更新网页数据 概括起来,AJAX 通过原生的XMLHttpRequest对象发出 HTTP 请求，得到服务器返回的数据后，再进行处理。 详细步骤： var xhr = new XMLHttpRequest(); X...
XMLHttpRequest对象
YogaLin_qwq的博客
07-24 1082
AJAX 简介 ​ AJAX = 异步 JavaScript 和 XML； 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行数据交换，可以使网页实现异步更新（不重新加载整个网页） 创建 XMLHttpRequest 对象 ​ 语法: variable = new XMLHttpRequest( ); ​ 老版本：variable = new ActiveXObject(“Microsoft.XMLHTTP”); //兼容浏览器 var xmlhttp; if (window.XMLHttpReq
jsp页面用XMLHttpRequest简单的异步调用
彩虹逐月
07-22 533
例子程序步骤： a，创建一个新的XMLHttpRequest--function newXMLHttpRequest() b，创建DOM事件处理器--function onContinentChanged(selectCont, inForm) c，创建回调函数callback--function displayNations(xmlData) d，创建封装回调函数的函数--functio...
前端小白day23 异步代码和ajax和XMLHttpRequest简单操作
m0_74401416的博客
02-25 136
正则，同步异步代码和请求还有队列，ajax处理数据请求，前后端交互等
AJAX学习之路（一）——异步，XMLHttpRequest
ferrysoul的博客
07-28 491
一。简介 AJAX是异步Javascript和XML技术。 AJAX原理：通过XMLHttpRequest对象向服务器发送异步请求，从服务器获取数据，然后通过JS操作DOM节点来更新页面数据。（即网页的部分更新） PS：：异步：进程不需要一直等待下去，而是直接执行下面的操作，不管其他进程的状态，当有消息返回时就会通知进程进行处理。      ————&gt;  好处：提高执行效率.（因为在请...
[转载]XMLHTTP同步与异步发送数据
weixin_30757793的博客
03-12 114
客户端利用XMLHTTP发送请求得到服务端应答数据，并用Javascript操作DOM最终更新页面－ 又称无刷新更新页面，有代替传统web开发中采用form(表单)递交方式更新web页面的趋势。 XMLHTTP依赖于XMLHttpRequest完成从客户端的请求到服务端的应答。XMLHttpRequest提供了两个方法open和send。open方法用于初始化XMLHtt...
XMLHttpRequest 异步方式和同步方式
weixin_34075551的博客
09-28 500
一.同步和异步区别 　　简单说：同步是阻塞模式，异步是非阻塞模式。 　　举个例子：普通B/S模式（同步）AJAX技术（异步）　　　　同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事　　　　异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕 二.XMLHttpRequest 异步方式和同步方式 xm...
在VC中使用XMLHTTP
12-08
主　　题： 在VC中使用XMLHTTP，怎样初始化，怎样建立连接？在线等。 我的一段代码在.NET中用C#已经调通，我想搬到VC++ 6.0上，但不知道任何各种写法规则。 C# 中为： MSXML2.XMLHTTP xmlHttp_ = new XMLHTTP(); xmlHttp_.open("PROPFIND", serverUrl, false, username, password); xmlHttp_.send(null); 放到VC++ 6.0 中应为什么？ 以下是我写的，但运行出错。 #import "msxml4.dll" using namespace MSXML2; HRESULT hr; //MSXML2::IXMLHTTPRequest pIXMLHttpRequest; CString serverUrl ="http://services.msn.com/svcs/hotmail/httpmail.asp"; MSXML2::IXMLHTTPRequestPtr pIXMLHttpRequest; pIXMLHttpRequest.CreateInstance("Msxml2.XMLHTTP.4.0"); if (pIXMLHttpRequest==NULL) AfxMessageBox("pIXMLHttpRequest error"); try { // Create XMLHttpRequest object and initialize pIXMLHttpRequest. hr = pIXMLHttpRequest->open(_bstr_t(_T("PROPFIND")), _bstr_t(_T(serverUrl)), _variant_t(VARIANT_FALSE), _variant_t("test5_12"), _variant_t("1234567")); if(SUCCEEDED(hr)) ::MessageBox(NULL, _T("Success !"), _T(""), MB_OK); } catch(...) { //DisplayErrorToUser(); AfxMessageBox("error"); } 在调用方法open的时候出错！ 回复人： masterz(www.fruitfruit.com) ( ) 信誉：273 2003-06-10 21:34:02Z 得分:20 ? #import "msxml.dll" #import "msxml2.dll" using namespace MSXML2; int main(int argc, char* argv[]) { printf("Test of XMLHTTP by masterz!\n"); CoInitialize(NULL); try { IXMLHTTPRequestPtr xmlrequest; xmlrequest.CreateInstance("Msxml2.XMLHTTP"); _variant_t varp(false); xmlrequest->open(_bstr_t("GET"),_bstr_t("http://www.csdn.net/expert/topic/855/855052.xml?temp=.176037"),varp); xmlrequest->send(); BSTR bstrbody; xmlrequest->get_responseText(&bstrbody); _bstr_t bstrtbody(bstrbody); printf("%s\n",(LPCTSTR)bstrtbody); } catch (_com_error &e) { printf("Description = '%s'\n", (char*) e.Description()); } CoUninitialize(); printf("program end\n"); return 0; } ///////Post with XMLHTTP/////////////////////// #import "msxml.dll" #import "msxml2.dll" #include "Atlbase.h" using namespace MSXML2; int main(int argc, char* argv[]) { printf("Test of XMLHTTP by masterz!\n"); CoInitialize(NULL); try { IXMLHTTPRequestPtr xmlrequest; //xmlrequest.CreateInstance("Msxml2.XMLHTTP"); xmlrequest.CreateInstance(__uuidof(XMLHTTP)); CComVariant vFalse(FALSE); CComVariant vNull(NULL); xmlrequest->open("POST", _bstr_t("http://211.157.102.21/member/logon.asp"),vFalse,vNull,vNull); xmlrequest->setRequestHeader("Content-Type:","application/x-www-form-urlencoded"); _bstr_t bsdata("name=xxx&pass=xxx&type=1");//use your login name and password xmlrequest->send(_variant_t(bsdata)); BSTR bstrbody; xmlrequest->get_responseText(&bstrbody); _bstr_t bstrtbody(bstrbody); printf("%s\n",(LPCTSTR)bstrtbody); //MessageBox(0,bstrtbody,"",MB_OK); } catch (_com_error &e) { printf("Description = '%s'\n", (char*) e.Description()); } CoUninitialize(); printf("program end\n"); return 0; }
aJax 异步调用
01-19
**Ajax（Asynchronous JavaScript...总结，Ajax异步调用是现代Web开发中不可或缺的一部分，它通过提升用户体验和减少服务器负载，极大地推动了Web应用程序的发展。理解并熟练掌握Ajax技术，对于Web开发者来说至关重要。
javascript对XMLHttpRequest异步请求的面向对象封装
10-29
这个封装的面向对象模型提供了更易用的接口，使得开发者可以通过实例化`CallBackObject`，然后调用`DoCallBack`方法来发起异步请求，同时能够通过覆盖或扩展原型链上的方法来定制每个阶段的行为。这种方式提高了代码...
JavaScript 异步调用框架 (Part 1 - 问题 & 场景)
10-29
在Ajax应用中，调用XMLHttpRequest是很常见的情况。特别是以客户端为中心的Ajax应用，各种需要从服务器端获取数据的操作都通过XHR异步调用完成。
详解XMLHttpRequest（一）同步请求和异步请求
09-01
XMLHttpRequest（XHR）是JavaScript中用于与服务器进行异步数据交换的核心组件，使得网页可以在不刷新整个页面的情况下更新部分数据。在本文中，我们将深入探讨XMLHttpRequest的同步请求和异步请求。 首先，让我们...
不使用XMLHttpRequest实现异步加载 Iframe和script
09-05
本文将探讨如何不依赖XMLHttpRequest来实现异步加载，并给出具体示例。 首先，XMLHttpRequest（XHR）是JavaScript中的一个对象，它允许我们与服务器进行异步数据交换。然而，当处理某些特定场景时，如加载外部HTML...
Ajax异步XMLHttpRequest对象
weixin_34239592的博客
01-23 56
示例Ajax： <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ht...
XMLHttpRequest同步和异步请求
allway2的博客
02-17 1万+
XMLHttpRequest支持同步和异步通信。但是，一般来说，出于性能原因，异步请求应优先于同步请求。 同步请求阻止代码的执行，这会导致屏幕上出现“冻结”和无响应的用户体验。 异步请求 如果你使用XMLHttpRequest发送异步请求,那么当请求的响应数据完全收到之时，会执行一个指定的回调函数，而在执行异步请求的同时,浏览器会正常地执行其他事务的处理。 例子：在控制台输出页面源文件 这个例子演示了如何进行一个简单的异步请求。 var xhr = new XMLHttpRequest();.
XMLHttpRequest 对象异步调用web服务
软践的专栏
03-06 654
触发事件：onclick="GetProductsList();"  客户端js主体：var xmlhttp = false;//声明XML对象var objXmlDoc;function getHTTPRequestObject(){ //详见该系列前几篇文章}function GetProductsList(){ //
java ajax sendrequest()请求_XMLHttpRequest对象_Ajax异步请求重点(推荐)
weixin_32430941的博客
02-24 314
一、XMLHttpRequest对象1.Ajax能够是实现异步传输，所依赖的就是JavaScript中的XMLHttpRequest2.XMLHttpRequest对象是XMLHttp组件的对象，它是一个抽象对象，允许脚本从服务器获取返回的eXML数据或将数据发送到服务器端3.XMLHttpRequest可以实现客户端与服务器只进行数据层面的交互，不必每次刷新页面4.XMLHttpRequest最...
jquery 的uploadify上传时出错信息提示成中文！比如文件大小限制提示错误File size：Error
热门推荐
seminmredoxu的专栏
08-18 1万+
今天上传文件：jquery 的uploadify上传时出错信息提示成中文！比如文件大小限制提示错误File size：Error 想要显示中文提示，搞了半天终于找到问题解决办法！ 在'onError' 函数中加段if (errorObj.type === "File Size"
使用xmlhttprequest对象完成异步调用
最新发布
03-16
XMLHttpRequest对象可以用于异步调用，它可以向服务器发送请求并接收响应，而不需要刷新整个页面。通过使用XMLHttpRequest对象，可以实现更加流畅的用户体验，同时也可以提高网站的性能和响应速度。在使用XMLHttpRequest对象时，需要注意一些细节，例如设置请求的类型、URL、请求头、请求参数等。同时，还需要处理响应的数据，例如解析JSON、XML等格式的数据，并将其展示在页面上。总之，XMLHttpRequest对象是实现异步调用的重要工具，可以帮助我们构建更加现代化、高效的Web应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值