test Ajax (XMLHttpRequest)

最新推荐文章于 2024-10-13 17:08:38 发布
最新推荐文章于 2024-10-13 17:08:38 发布
阅读量243 收藏
点赞数
分类专栏： ASP.NET 文章标签： xmlhttprequest ajax button function 服务器 xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wgsnet/article/details/4147587
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ajax 状态测试</title>

    <script type="text/javascript">
 


      var xmlHttp = createXmlHttpRequestObject();

function createXmlHttpRequestObject()
{
var xmlHttp;
try
{
   xmlHttp = new XMLHttpRequest();
}
catch(e)
{
   var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
           "MSXML2.XMLHTTP.5.0",
           "MSXML2.XMLHTTP.4.0",
           "MSXML2.XMLHTTP.3.0",
           "MSXML2.XMLHTTP",
           "Microsoft.XMLHTTP");
   for (var i = 0; i < XmlHttpVersions.length && !xmlHttp; i++){
    try
    {
     xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
    }
    catch (e) {}
   }
}
if (!xmlHttp)
   alert("建立XMLHttpRequest object错误。");
else
   return xmlHttp;
}

function process()
{
if (xmlHttp)
{
   try
   {
    xmlHttp.open("GET","http://www.baidu.com",false);
    xmlHttp.onreadystatechange = handleRequestStateChange;
    xmlHttp.send(null);
   }
   catch (e)
   {
    alert("不能连接服务器：/n" + e.toString());
   }
}
}

function handleRequestStateChange()
{
myDiv = document.getElementById("myDivElement");
if (xmlHttp.readyState == 1)
{
   myDiv.innerHTML += "Requset status:1 (loading) <br />"
}
else if(xmlHttp.readyState == 2)
{
   myDiv.innerHTML += "Requset status:2 (loading) <br />"
}
else if(xmlHttp.readyState == 3)
{
   myDiv.innerHTML += "Requset status:3 (loading) <br />"
}
else if(xmlHttp.readyState == 4)
{
   if (xmlHttp.status == 200)
   {
    try
    {
     response = xmlHttp.responseText;
     myDiv.innerHTML += "Requset status:4 (complete).服务器返回:<br />"
     myDiv.innerHTML = response;
    }
    catch (e)
    {
     alert("读取response错误:" + e.toString());
    }
   }
   else
   {
    alert("接收数据时出现问题/n" + xmlHttp.statusText);
   }
}
}

 

function Button1_onclick() {
process();

 

}

    </script>

</head>
<body>
    你好！服务器！
    <br />
    <input id="Button1" type="button" value="button" οnclick="return Button1_onclick()" />
    <div id="myDivElement">
        yy
    </div>
</body>
</html>

APP开发王
关注
专栏目录
Ajax中XMLHttpRequest对象的详细解析
2401_87288826的博客
09-21 898
/将超市设置为3秒钟//请求超时后请求会自动终止，会调用ontimeout事件处理程序//处理代码console.log(‘请求超时了’)
Ajax中XMLHttpRequest对象的详细解析(1)
2301_77110865的博客
05-04 1013
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
XMLHttpRequest详解及ajax实现
11-07 584
XmlHttpRequest介绍 XHR英文全名XmlHttpRequest，中文可以解释为可扩展超文本传输请求。Xml可扩展标记语言，Http超文本传输协议，Request请求……XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）
XMLHttpRequest（AJAX）
m0_63306943的博客
03-16 1801
AJAX是访问网页的常规方法，它是 Asynchronous JavaScript and XML 的缩写，指的是通过 JavaScript 的异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。后来，AJAX 这个词就成为 JavaScript 脚本发起 HTTP 通信的代名词，也就是说，只要用脚本发起通信，就可以叫做 AJAX 通信。具体来说，AJAX 包括以下几个步骤。创建 XMLHttpRequest 实例发出 HTTP 请求接收服务器传回的数据。
js【详解】ajax （含XMLHttpRequest、 同源策略、跨域、JSONP）
朝阳39的博客
03-13 1243
借助 script 标签 向目标服务器加载到 jsonp.js 文件，执行 callback 函数，因本地已定义了 callback 函数，便会触发本地 js 代码的执行，获取到 jsonp.js 文件中的数据，从而实现了跨域。服务器设置 http header，即服务器端将指定网址设置为白名单，允许它以指定的方法进行跨域访问。JSONP 实现跨域的过程：借助 script 标签没有同源策略限制的特点，向跨域的目标服务器加载到需要的数据。所有的跨域，都必须经过 server 端允许和配合。
jQuery ajax之XMLHttpRequest (一)
秦萍健的CSDN
03-09 4476
一.什么是ajax AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML)。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 XMLHttpRequest 是 AJAX 的基础, 而AJAX是对XMLHtt...
异步请求-XMLHttpRequest、ajax、axios原理浅析
weixin_44708992的博客
04-06 748
通过保持长连接，直到更新可用，数据可以立即发送到客户端，一旦它在服务器上可用。因此，长时间轮询为消息延迟提供了最佳的情况，并且还消除了空检查，这减少了 XHR 请求的数量和轮询的总体开销。axios 是一个基于 Promise 的 http请求库，可以用在浏览器和 node.js 中，本质上也是对原生XHR的封装，只不过它是Promise 的实现版本，符合最新的ES规则。从服务器检索更新的最简单的策略之一是让客户端进行定期检查：客户端可以以周期性间隔（轮询服务器）启动后台XHR请求，以检查更新。
JS利用XMLHttpRequest拦截ajax请求
Li_11280的博客
11-18 726
function XMLHttpRequestBreak(fun=()=>false){ let f = XMLHttpRequest.prototype.open; let add = function(){ XMLHttpRequest.prototype.open = function(...args){ check = fun(args); if(check){ thr.
jquery ajax xmlhttprequest cannot load,ajax post上传数据时，前端出现的跨域权限问题：ccess to XMLHttpRequest at ‘’rom ...
weixin_35097346的博客
08-06 351
本人前端使用多个框架时，jq ajax传参出现如下报错：最后发现，可能是xhr的相关默认参数被修改了。顾使用jq 传参时，一直报错，jq ajax额外添加的关键参数：crossDomain: trueajax post传参完整如下：$.ajax({url: IPName + '/api/index/appointment',type: 'post',dataType: "json",data:...
不用XMLHttpRequest来模仿AJAX
Hello World
10-04 976
AJAX的原理就是通过XMLHttpRequest对象来对服务端发起请求。所以XMLHttpRequest对象是AJAX的核心。 现在我想不通过XMLHttpRequest对象来对服务端发起请求，但不刷新页面。 例：创建一个投票按钮，点击后将请求服务器数据库对数据加一。 前端投票按钮test.html：<!DOCTYPE html> <html lang="en"> <head> <m
XMLHttpRequest_test:XMLHttpRequest学习代码
05-20
在"XMLHttpRequest_test-master"这个项目中，你可以期待看到如何运用这些概念来构建实际的Ajax请求，可能包括向服务器发送数据、处理响应、展示结果等。通过这个测试项目，你可以深入理解XMLHttpRequest的工作原理，...
js ajax XMLHttpRequest的使用
08-08
XMLHttpRequest（XHR）对象是实现AJAX的核心，它提供了异步通信的能力。这篇博客将深入探讨如何使用XMLHttpRequest进行AJAX请求。 首先，创建一个XMLHttpRequest实例是开始AJAX请求的第一步。在JavaScript中，你...
Ajax Test Ajax Test
10-27
- **异步通信**：Ajax的核心是XMLHttpRequest对象，它使得JavaScript可以向服务器发送异步请求，即在不重新加载整个页面的情况下获取或发送数据。 - **JavaScript**：作为Ajax的主要驱动，JavaScript负责处理用户...
AJAX中同时发送多个请求XMLHttpRequest对象处理方法
10-30
### AJAX中同时发送多个请求XMLHttpRequest对象处理方法 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术被广泛应用于实现网页的部分更新而无需重新加载整个页面。这一技术的核心在于利用`...
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
01-19
废话不多说了，关键代码...var domForm = $('#testForm')[0] //将form对象直接作为参数 new FormData对象 var formData = new FormData(domForm); //追加file 对象 formData.append('file',domFile); $.ajax({ url:'{{
jQuery 中的 Ajax 详解
zz130428的博客
10-12 665
众所周知，jQuery 是一个跨主流浏览器的 JavaScript 库，它封装了 JavaScript 的常用功能代码，简化了 HTML DOM 操作、事件处理、动画设计和 Ajax 交互等任务。jQuery 中的 Ajax 是对 XMLHttpRequest 或 ActiveXObject（IE9以下版本中）的封装，它提供了一种更加方便和强大的方式来与服务器进行数据交换，从而实现在不重新加载整个页面的情况下，对网页进行局部更新。
JavaWeb 19 AJAX
最新发布
m0_73983707的博客
10-13 207
AJAX =异步的JavaScript和XML)AJAX不是新的编程语言，而是一种使用现有标准的新方法;AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容;AJAX不需要任何浏览器插件，但需要用户允许 JavaScript 在浏览器上执行;只是实现 Ajax 的一种方式;
ajax嵌套ajax实现不刷新表单并向指定页面二次提交数据
2302_79553009的博客
10-13 140
利用jq定位表单位置后执行阻止表单提交代码。当获取到表单数据后进行向指定页面提交操作。提交成功后将表单置空且再次利用ajax提交该表单完成二次提交。
使用axios封装AJAX
LvManBa的博客
10-06 1020
一 、Http 请求报文 包括了三部分： 求情行、请求头，请求体。 1、请求行： 是HTTP请求的第一行，包含了请求方法、请求目标和HTTP协议版本。常用的请求方法有GET、POST、PUT、DELETE等，用于指定客户端希望服务器执行的操作。请求目标是指请求的资源路径，可以是一个具体的文件路径或者是一个URL。HTTP协议版本通常是HTTP/1.1。 请求类型： 2、请求头： 请求头包含了客户端向服务器传递的额外信息，以键值对的形式表示。常见的请求头有以下几种：请求头可以包含多个。 Host：指定服
理解与使用XMLHttpRequest进行AJAX交互
在AJAX中，XMLHttpRequest对象是核心组件，它允许JavaScript在后台与服务器进行通信。无论是现代浏览器（如IE7+、Firefox、Chrome、Safari以及Opera）还是较旧的Internet Explorer（如IE5和IE6），都提供了对这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值