基于XHR\script\Iframe编写远程脚本

最新推荐文章于 2022-05-13 21:13:51 发布
最新推荐文章于 2022-05-13 21:13:51 发布
阅读量400 收藏
点赞数
分类专栏： dojo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/amycessgreg/article/details/8348507
版权


dojo.xhr*函数：dojo.xhrGet , dojo.xhrPost ,  dojo.xhrPut ,  dojo.rawXhrPut , dojo.xhrDelete

带有一个叫做args的参数散列

function example1(){
dojo.xhrGet({
url:"demo/id1",
load:function(response){alert(response);},
error:function(error){alert(error.message);}
});

dojo.xhrGet({
url:"demo/id1",
handle:function(response){
if (response instanceOf Error){
alert("failed:"+response.message);
}
else{
alert("succeeded:"+response);
}
}
});
}

备注：

instanceof 运算符：

result = objectinstanceofclass

如果object 是 class 的一个实例，则 instanceof 运算符返回true。如果 object 不是指定类的一个实例，或者 object 是 null，则返回 false.


Ajax的一个示例：

如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

html源码:

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
var txt,x,i;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    xmlDoc=xmlhttp.responseXML;
    txt="";
    x=xmlDoc.getElementsByTagName("title");
    for (i=0;i<x.length;i++)
      {
      txt=txt + x[i].childNodes[0].nodeValue + "<br />";
      }
    document.getElementById("myDiv").innerHTML=txt;
    }
  }
xmlhttp.open("GET","/example/xmle/books.xml",true);
xmlhttp.send();
}
</script>
</head>


<body>


<h2>My Book Collection:</h2>
<div id="myDiv"></div>
<button type="button" οnclick="loadXMLDoc()">获得我的图书收藏列表</button>
 
</body>
</html>


xml源码：

<bookstore>
<book category="children">
<title lang="en"> Harry Potter </title>
<author> J K. Rowling </author>
<year> 2005 </year>
<price> 29.99 </price>
</book>
<book category="cooking">
<title lang="en"> Everyday Italian </title>
<author> Giada De Laurentiis </author>
<year> 2005 </year>
<price> 30.00 </price>
</book>
<book category="web" cover="paperback">
<title lang="en"> Learning XML </title>
<author> Erik T. Ray </author>
<year> 2003 </year>
<price> 39.95 </price>
</book>
<book category="web">
<title lang="en"> XQuery Kick Start </title>
<author> James McGovern </author>
<author> Per Bothner </author>
<author> Kurt Cagle </author>
<author> James Linn </author>
<author> Vaidyanathan Nagarajan </author>
<year> 2003 </year>
<price> 49.99 </price>
</book>
</bookstore>

onreadystatechange 事件

readyState     

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

  • 0: 请求未初始化
  • 1: 服务器连接已建立
  • 2: 请求已接收
  • 3: 请求处理中
  • 4: 请求已完成，且响应已就绪
status

200: "OK"

404: 未找到页面



amycessgreg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
墩墩分墩
08-16 1244
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
javascript 隐藏框架和远程脚本
weixin_30552811的博客
02-18 117
注：Ajax技术出现之前，其中应用最广泛的技术是隐藏框架和远程脚本，隐藏框架利用了<frame>或者<iframe>元素，创建一个可用JavaScript与服务器通信的框架（0像素高<frame>或者隐藏的<iframe>元素）。 代码： 隐藏框架： <!DOCTYPE> <html xmlns="http://...
如何使用IFRAME来实现类似Ajax的技术----远程脚本
tycsl的专栏
11-16 1560
这里向你展示如何使用IFRAME来实现类似Ajax的技术。这非常简单，而且过去我们就用过这种方法（在XMLHttpRequest问世之前）。这个示例并没有真正调用服务器，只是想让你对如何使用IFRAME实现远程脚本有所认识。这个示例包括两个文件：iframe.html（见代码清单2-2）和server.html（见代码清单2-3）。server.html模拟了本应从服务器返回的响应。代码清
2.5 远程脚本
herrcx的专栏
02-02 361
我们已经介绍了Ajax，下面来简单谈谈远程脚本。你可能会想：“Ajax有什么大不了的？我早就用IFRAME做过同样的事情。”实际上，我们自己也曾用过这种方法。这在以前一般称为远程脚本（remote scripting），很多人认为这只是一种修修补补。不过，这确实提供了一种能避免页面刷新的机制。2.5.1  远程脚本概述基本说来，远程脚本是一种远程过程调用类型。你可以像正常的Web应用一样与
关于ajax和iframe的个人总结和见解
robin-fan的博客
08-03 1156
关于ajax和iframe区别的个人见解 定义： Ajax：              是指一种创建交互式网页应用的网页开发技术。主要是利用XmlHttpRequest对象。该对象在 Internet Explorer 5 中首 次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应，而不
JavaScript学习笔记（四）之浏览器对象
你的目光温柔如水的博客
07-09 299
九、浏览器对象模型BOM是一组从浏览器上下文中继承而来的对象。一下是BOM的层次结构Windowdocumentforms navigatorcookie locationlinks/anchors framesimages screenembeds/plug-ins historyall在集合中访问某个项可以使用数组索引（document.image[0]），也可以使用其name属性（docum...
XSS（Cross Site Scripting）跨站脚本攻击
Eason_LYC安全白帽子的成长博客
05-13 2911
XSS最为全面的知识点梳理总结，并有公开靶场配合知识点练习。含金量十成十
跨站脚本(XSS)
weixin_30916125的博客
07-31 114
1.1 XSS定义 XSS，即为（Cross Site Scripting），中文名为跨站脚本，是发生在目标用户的浏览器层面上的，当渲染DOM树的过程发生了不在预期内执行的JS代码时，就发生了XSS攻击。 跨站脚本的重点不在“跨站”上，而在于“脚本”上。大多数XSS攻击的主要方式就是嵌入一段远程或者第三方域上的JS代码。实际上是在目标网站的作用域下执行了这段JS代码。 1.2 X...
解决跨域之JSONP和XHR2（jsonp转载大神的，XHR2自己写的）
木子Lee的博客
07-09 319
原文地址：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html前言： 说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被...
面试题（二）
热门推荐
mngglyx的博客
10-25 3万+
JS交互 问题汇总 1.JS中能够实现跟服务器后台交互的手段有哪些? Asynchronous Javascript And XML js的异步请求对象 script标签的src属性 location.href, assign replace, window.open() , background-image:url("") , form表单 , 超链接 跳转到服务器程序 , img 的src属性 , video和audio 的src属性 , link的href , iframe(了解) form表单交互
用jQuery实现Ajax
m0_53698336的博客
11-01 6702
Ajax 全称“Asynchronous JavaScript and XML”，译为“异步 JavaScript 和 XML”，程序员们习惯称之为“阿贾克斯”，它并不是一种技术，而是多种技术的综合体，其中包括 JavaScript、XML、JSON、DOM、CSS、HTML 以及最重要的 XMLHttpRequest 对象。通过 Ajax 可以异步从服务器请求数据并将数据更新到网页中，整个过程不需要重载（刷新）整个网页，可以将网页的内容更快的呈现给用户。 这里的异步是指，当程序执行到 Ajax 代码时，将
第20章　JavaScript通信
唯美清泠
11-16 1163
第20章　JavaScript通信 在传统Web开发中，客户端与服务器端通信主要通过同步请求（页面刷新）来实现，当客户端向服务器端发出HTTP请求之后，服务器端接收并处理这个请求，然后响应完整的Web页面给客户端。这样当发出请求之后，用户就需要慢慢等待，直到服务器响应完毕。如果同步交互的信息和次数很多，这中间就会有大量无用，或者重复性数据挤占带宽。 Ajax完全摒弃了这种信息交互方式，它通过在客户端嵌入一个中间件（XMLHttpRequest组件），并专门负责客户端与服务器端通信，这样就不需要刷新页面，
ajax
weixin_46628546的博客
08-12 458
ajaxAjax和网络1、Ajax 是什么? 如何创建一个Ajax？2、同步和异步的区别?3、如何解决跨域问题?4、页面编码和被请求的资源编码如果不一致如何处理？5、简述ajax 的过程。6、阐述一下异步加载。7、请解释一下 JavaScript 的同源策略。8、GET和POST的区别，何时使用POST？9、ajax 是什么?ajax 的交互模型?同步和异步的区别?如何解决跨域问题?10、 Ajax的最大的特点是什么。11、ajax的缺点12、ajax请求的时候get 和post方式的区别13、解释json
dojo.Deferred 管理回调函数
12-13 1419
dojo.Deferred 是一个Dojo提供给我们用来处理异步调用(例如Ajax)的强大工具. 简单来说，一个Deferred对象它会等待一段时间再去执行指定的调用，直到某个特定的事件发生或者前一个动作完成。 Deferred对象有三个状态，初始化时是"unresolve” 状态，当它所等待的事件发生时, 进入"resolve" 状态， 第三种状态是出错状态，即该事件没有按照预期的发展，例如服
dojo之query和NodeList选择器
12-13 984
选择器： *                                       任何元素                                                              *   E                                      一个类型为E的元素
dojo之理解dojo.hitch及数组方法
12-07 583
dojo.hitch: 当调用对象方法时，给他添加一个上下文对象，即this指向的obj。 1、一般传两个参数,第一个是上下文参数，第二个是函数或对象的方法，如果没有第一个参数，则默认为全局 如： function showData(){    var x= this.getData();    dojo.byId("showData").innerHTML = "The result
dojo动画
12-17 515
反弹的div示例 var currentPosition = 0; var leftToRight = true ; function moveNode(){ var getBall=dojo.byId("ball"); //移动 (leftToRight?currentPosition++ : currentPosition--); dojo.marginBox(ball,{l
dojo之Dom工具
12-13 393
addClass   hasClass   removeClass   style  attr  hasAttr   removeAttr dojo.query dojo.ready(function(){ var node = dojo.byId("top"); dojo.addClass(node,"c1"); dojo.addClass(node,"c2 c3"); doj
xhr failed远程
最新发布
09-22
xhr failed远程调试插件ssh连接linux服务器时提示报错"xhr failed"的原因可能是由于网络连接问题或者是由于vscode server的配置问题导致的。解决这个问题的方法是首先清理vscode server的锁文件，然后手动下载vscode...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值