开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何从另一个窗口成功调用ajax文档？

从另一个窗口成功调用ajax文档可以通过以下步骤实现：

在目标窗口中引入jQuery或其他支持ajax的JavaScript库。
在目标窗口中编写一个函数，用于处理ajax请求的回调函数。
在目标窗口中使用ajax方法发送请求，指定请求的URL、请求类型、数据等参数，并将回调函数作为参数传递给ajax方法。
在当前窗口中使用window.open方法打开目标窗口，并将目标窗口的引用保存在一个变量中。
在当前窗口中使用变量调用目标窗口中的函数，传递ajax请求所需的参数。

以下是一个示例代码：

目标窗口（target.html）中的代码：

<!DOCTYPE html>
<html>
<head>
  <title>目标窗口</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    function handleResponse(data) {
      // 处理ajax请求的回调函数
      console.log(data);
    }
    
    function sendAjaxRequest() {
      $.ajax({
        url: 'ajax_document.html', // 请求的URL
        type: 'GET', // 请求类型
        success: handleResponse // 回调函数
      });
    }
  </script>
</head>
<body>
  <button onclick="sendAjaxRequest()">发送Ajax请求</button>
</body>
</html>

当前窗口中的代码：

<!DOCTYPE html>
<html>
<head>
  <title>当前窗口</title>
  <script>
    function callAjaxInTargetWindow() {
      var targetWindow = window.open('target.html'); // 打开目标窗口并保存引用
      targetWindow.handleResponse('Hello from current window!'); // 调用目标窗口中的函数
    }
  </script>
</head>
<body>
  <button onclick="callAjaxInTargetWindow()">调用目标窗口中的函数</button>
</body>
</html>

在当前窗口中点击"调用目标窗口中的函数"按钮，将会打开目标窗口，并在控制台输出"Hello from current window!"。这样就成功地从另一个窗口调用了ajax文档。

相关搜索:Ajax成功函数从控制器返回后没有调用？MVC ajax成功数据请求后如何调用alert？Ajax调用控制器，如果成功，则重定向到从Ajax调用返回的显示数据的另一个页面 Razor和Ajax:如何在Ajax调用成功后重新加载表？在AJAX成功回调中调用另一个PHP脚本？在ajax调用成功后将ajax响应数据传递到另一个页面在Emberjs中成功调用ajax后，如何加载ember模型？在成功调用另一个ajax调用之后，如何在ajax成功中恢复代码如何从Ajax帖子中拆分成功输出？如何从Ajax成功数据函数中获取值

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

ASP.NET 调味品：AJAX

术语可能有些混乱，但是当我介绍 AJAX 时，就是在介绍从客户端异步调用服务器端函数的整体框架。提到 Ajax.NET 时，我是指能够帮助您创建利用 AJAX 框架的解决方案的特定实现。...在学习示例以前，首先需要了解如何安装和使用 Ajax.NET。 Ajax.NET AJAX.NET 文档（英文）和网站（英文）对开发人员快速入门非常有用。...以下示例将会重点介绍某些功能，希望帮助您理解 AJAX 如何帮助您创建成功的应用程序。示例 1：链接的下拉列表本文的开始简要地讨论了用于链接两个 DropDownList 的两种传统方法。...(Sample)) 我们已基本完成；剩余的就是从 JavaScript 调用 GetStates 方法和处理响应。...您自己可以使用弹出式窗口，但是其他人则不能使用，它将导致弹出式窗口受阻并使文档永久保持锁定状态。

3.6K5 0

JAVA—— AJAX

success：请求成功时调用的回调函数。 error：请求失败时调用的回调函数。...调用方法完成转换。...项目（已在当天的资料中提供） 4.2、案例的分析如何确定当前显示的数据已经浏览完毕？...公式：(滚动条距底部的距离(自定义高度) + 滚动条上下滚动的距离 + 当前窗口的高度) >= 当前文档的高度当前文档高度：存储10条数据，100px。滚动条距底部的距离：1px。...为当前窗口绑定滚动条滚动事件。获取必要信息(当前窗口的高度,滚动条上下滚动的距离,当前文档的高度)。计算当前展示数据是否浏览完毕。判断请求标记是否为 true。

2.9K3 0

自动化测试最新面试题和答案

如果XPath是从文档节点开始，它将允许创建“绝对”路径表达式。例如 “/ html / body / p”匹配所有的段落元素。...问题10：如何在页面加载成功后验证元素的存在？它可以通过下面的代码行来实现。...问题12：如何从你的Java Class启动Selenium服务器？...接下来，通过使用数组索引，导航到特定的窗口。 driver.switchTo().window(ArrayIndex); 问题18：你如何处理使用Selenium的Ajax控件？来看一个例子。...AJAX代表异步JavaScript和XML。它不依赖于创建有效的XML所需的打开和关闭标签的额外开销。大部分时间WebDriver自动处理Ajax控件和调用。

5.8K2 0

什么是跨域？一文弄懂跨域的全部解决方法

跨域（Cross-Origin Resource Sharing，简称 CORS）是一种安全策略，用于限制一个域的网页如何与另一个域的资源进行交互。...该策略禁止来自不同域的JavaScript脚本与另一个域的资源进行交互。所谓同源，指的是两个页面必须具有相同的协议（protocol）、域名（host）和端口号（port）。一、如何判断跨域？...// 两个页面都设置以下代码即可 document.domain = 'test.com'; 3.2 跨文档通信API 在Web开发中，跨文档消息传递是一个常见的需求，尤其是在使用iframe或弹出窗口时...以下是如何使用postMessage方法的一个示例： 1.父窗口发送消息到子窗口： // 假设子窗口的URL是 http://test2.com var childWindow = window.open...调用postMessage方法实现父窗口http://test1.com向子窗口http://test2.com发消息（子窗口同样可以通过该方法发送消息给父窗口）也就是它可用于解决以下方面的问题：页面和其打开的新窗口的数据传递

1481 0

Selenium面试题

不可以，想点击的话，可以用js去掉dispalay=none的属性 NO.8 selenium中如何保证操作元素的成功率？保证操作元素的成功率，也就是说如何保证我点击的元素一定是可以点击的？...NO.13 如何在页面加载成功后验证元素的存在？它可以通过下面的代码行来实现。...不要忘记在最后调用actions.perform() 。 NO.16 如何在定位元素后高亮元素（以调试为目的）？...如果XPath是从文档节点开始，它将允许创建“绝对”路径表达式。例如 “/ html / body / p”匹配所有的段落元素。...AJAX代表异步JavaScript和XML。它不依赖于创建有效的XML所需的打开和关闭标签的额外开销。大部分时间WebDriver自动处理Ajax控件和调用。

5.7K3 0

同源策略浅析

如何规避同源策略，即跨域请求？...，然后就可以让每个文档读取另一个文档的属性。...跨文档通信(window.postMessage方法) 这种方式允许一个页面的脚本发送文本信息到另一个页面的脚本中，不管脚本是否跨域。...其中callback函数本地文档的JavaScript函数，服务器端动态生成的脚本会产生数据，并在代码中以产生的数据为参数调用callback函数。...当这段脚本加载到本地文档时，callback函数就被调用。

8812 0

加点JavaScript魔法

初始化调用接受许多配置弹出窗口的选项，包括传递想要在弹出窗口中显示的内容，以及使用什么方法触发弹出窗口出现或消失（单击，悬停在元素上等），如果内容是纯文本或HTML，那么在文档中可以找到更多的选项。...这对我来说要做的就不止这些了，因为我想对服务器进行Ajax调用以获取内容，并且只有当收到服务器的响应时，我才希望弹出窗口出现。...正如我上面提到的，这会影响悬停事件的行为，只要用户将鼠标从链接移动到弹出窗口本身，就会触发“鼠标移出”事件。... 为了避免弹出窗口出现在元素中，我要使用的是另一个技巧。我要将元素封装在元素中，然后将悬停事件和弹出窗口与相关联。...文档中提到，当通过Ajax添加新的Flask-Moment元素时，需要调用flask_moment_render_all()函数来适当地渲染这些元素。

3.9K1 0

前端面试ajax考点汇总_javascript常见面试题

在 Ajax应用中信息是如何在浏览器和服务器之间传递的通过XML数据或者字符串 8、在浏览器端如何得到服务器端响应的XML数据。...原理：Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。...它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。...同源策略是指：协议、端口、域名相同，同源策略是一种安全协议，指一段脚本只能读取来自同一来源的窗口和文档的属性。 28、为什么会有同源策略？...一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合 http,ftp:协议主机名；localhost 端口名：80:http协议的默认端口 https

4.7K3 0

全面分析前端的网络请求方式

- 异步网络请求的开山鼻祖 jQuery - 一个时代 fetch - Ajax的替代者 axios、request等众多开源库三、关于网络请求的疑问 Ajax的出现解决了什么问题原生 Ajax如何使用...jQuery的网络请求方式 fetch的用法以及坑点如何正确的使用 fetch 如何选择合适的跨域方式带着以上这些问题、关注点我们对几种网络请求进行一次全面的分析。...text": 返回纯文本字符串 data 类型： String 使用 JSON.stringify转码 complete 类型： Function请求完成后回调函数 (请求成功或失败之后均调用)。...Response对象 Response对象是 fetch调用成功后的返回值：回顾下 fetch 中对Response`的操作： xhr.onload = function () {...浏览器的同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。通常不允许不同源间的读操作。

1.7K4 0

跨域请求的常用方式及解释

同源策略首先基于安全的原因，浏览器是存在同源策略这个机制的，同源策略阻止从一个域加载的脚本去获取另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。...调用回调函数的时候，先调用了指定的showData，然后再调用了success。...CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单，只需由服务器发送一个响应标头即可。...2.origin：字符串参数，指明目标窗口的源，协议+主机+端口号[+URL]，URL会被忽略，所以可以不写，这个参数是为了安全考虑，postMessage()方法只会将message传递给指定窗口，当然如果愿意也可以建参数设置为..."*"，这样可以传递给任意窗口，如果要指定和当前窗口同源的话设置为"/"。

1.4K9 0

进阶 | 一份详细的AJAX与跨域处理讲解

上述请求响应都没有问题然而对于AJAX就不行这是为什么呢,因为因为原页面用 form 提交到另一个域名之后，原页面的脚本无法获取新页面中的内容,所以浏览器认为这是安全的。...所以浏览器这个策略的本质是，一个域名的 JS ，在未经允许的情况下，不得读取另一个域名的内容。但浏览器并不阻止你向另一个域名发送请求。那么如何让AJAX跨域发起请求呢？...AJAX一些其他知识既然可以发请求,那么请求头的四部分如何获得的,响应的四部分又是如何获得呢获得请求头的方法对应的典型的http请求四部分获得响应的方法对应的典型的http响应的四部分...关于解构赋值：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）详见ES6解构赋值注意then可以传入两个函数，第一个函数表示成功了执行这个...所以实际上jq的写法大多是这么写的链式调用的意思就是：成功函数成功了，就执行第二个then的第一个函数；成功函数失败了，就执行第二个then的第二个函数。

6671 0

AJAX常见面试题(修订版)

），一般用于指定回调函数 readyState：请求状态readyState一改变，回调函数被调用，它有5个状态 0：未初始化 1：open方法成功调用以后 2：服务器已经应答客户端的请求 3：交互中。...)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. javascript¨K0K AJAX请求总共有多少种CALLBACK AJAX请求总共有多少种...它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。...所谓同源指的是：协议，域名，端口相同，同源策略是一种安全协议，指一段脚本只能读取来自同一来源的窗口和文档的属性。阐述一下异步加载JS。阐述一下异步加载JS。...如何解决跨域问题? 理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域出于安全考虑，服务器不允许ajax跨域获取数据，但是可以跨域获取文件内容。

7932 0

AJAX常见面试题

），一般用于指定回调函数 readyState：请求状态readyState一改变，回调函数被调用，它有5个状态 0：未初始化 1：open方法成功调用以后 2：服务器已经应答客户端的请求 3：交互中。...判断请求状态码是否是4【数据接收完成】 if(httpRequest.readyState==4) { //再判断状态码是否为200【200是成功的...它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。...所谓同源指的是：协议，域名，端口相同，同源策略是一种安全协议，指一段脚本只能读取来自同一来源的窗口和文档的属性。阐述一下异步加载JS。阐述一下异步加载JS。...如何解决跨域问题? 理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域出于安全考虑，服务器不允许ajax跨域获取数据，但是可以跨域获取文件内容。

2.6K5 0

跨域

；安全性问题：由于JSONP是从其他域中加载代码执行，如果其他域不安全，很可能会在响应中夹带一些恶意代码，而此时除了完全放弃JSONP调用之外，没有办法追究；要半段JSONP请求失败并不容易，它不会像...请求即可，使用起来和不跨域时并无不同，更加的方便；因为第一条，所以CORS支持其它的请求方式（比如post、put等）；如何选择：在有选择的情况下，兼容老浏览器可以使用jsonp，主流浏览器可以选用...function(){ console.log(this.value); //先用window.frames[0]获取iframe节点，因为iframe加载的是另一个...HTML5为了解决跨域问题，引入了一个全新的API：跨文档通信 API（Cross-document messaging）。...举例来说，父窗口aaa.com向子窗口bbb.com发消息，调用postMessage方法就可以了。

2.2K3 0

AJAX常见面试题(修订版)

），一般用于指定回调函数 readyState：请求状态readyState一改变，回调函数被调用，它有5个状态 0：未初始化 1：open方法成功调用以后 2：服务器已经应答客户端的请求 3：交互中。...)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. javascript¨K0K AJAX请求总共有多少种CALLBACK AJAX请求总共有多少种...它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。...所谓同源指的是：协议，域名，端口相同，同源策略是一种安全协议，指一段脚本只能读取来自同一来源的窗口和文档的属性。阐述一下异步加载JS。阐述一下异步加载JS。...如何解决跨域问题? 理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域出于安全考虑，服务器不允许ajax跨域获取数据，但是可以跨域获取文件内容。

7111 0

ajax面试题及答案_javase面试题

），一般用于指定回调函数 readyState：请求状态readyState一改变，回调函数被调用，它有5个状态 0：未初始化 1：open方法成功调用以后 2：服务器已经应答客户端的请求...这里写图片描述 Ajax的实现流程是怎样的？ Ajax的实现流程是怎样的？ (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象....它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。...所谓同源指的是：协议，域名，端口相同，同源策略是一种安全协议，指一段脚本只能读取来自同一来源的窗口和文档的属性。阐述一下异步加载JS。阐述一下异步加载JS。...如何解决跨域问题? 理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域出于安全考虑，服务器不允许ajax跨域获取数据，但是可以跨域获取文件内容。

8751 0

JS的面试题（一）

false function A(){ } var a = new A() //instanceof A.protptype是否在a的原型链上真实作用：检测构造函数额原型是否在对象的原型链上 19.如何判断一个对象是否为另一个对象的原型...43、jquery中获取当前窗口宽度？...45、列举jquery的ajax请求，并说明作用 (“div”).load() 加载文档 .get() 获取数据 .post()传递数据 .getScript() 加载js文件 .getJSON()...0.建立xhr对象，未调用open 1.建立了链接未发送数据，未调用send 2.发送数据，但数据未解析 3.服务器开始解析数据 4.数据解析完成，前端可以获取解析之后的数据 52、ajax的状态码200...jQuery.noConflict() jQuery 使用 noConflict 方法来放弃调用时的命名，之后由 jQuery 代替进行编写 54、如何用jQuery获取元素在文档中的位置？

961 0

jQuery 教程

常见 DOM 事件：鼠标事件键盘事件表单事件文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter...下面的例子演示如何获得链接中 href 属性的值： <!...回调函数可以设置不同的参数： responseTxt – 包含调用成功时的结果内容 statusTXT – 包含调用的状态 xhr – 包含 XMLHttpRequest 对象下面的例子会在 load...可选的 callback 参数是请求成功后所执行的函数名。下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据： <!...() 规定第一个 AJAX 请求开始时运行的函数 ajaxStop() 规定所有的 AJAX 请求完成时运行的函数 ajaxSuccess() 规定 AJAX 请求成功完成时运行的函数 load() 从服务器加载数据

16.9K2 0

js中几种实用的跨域方法原理详解

$.getJSON方法会自动判断是否跨域，不跨域的话，就调用普通的ajax方法；跨域的话，则会以异步加载js文件的形式来调用jsonp的回调函数。...2、通过修改document.domain来跨子域浏览器都有一个同源策略，其限制之一就是第一种方法中我们说的不能通过ajax的方法去请求不同源中的文档。...3、使用window.name来进行跨域 window对象有个name属性，该属性有个特征：即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对...我们看到在b.html页面上成功获取到了它的上一个页面a.html给window.name设置的值。...比如有一个www.example.com/a.html页面,需要通过a.html页面里的js来获取另一个位于不同域上的页面www.cnblogs.com/data.html里的数据。

1.6K1 0

js中几种实用的跨域方法原理详解

$.getJSON方法会自动判断是否跨域，不跨域的话，就调用普通的ajax方法；跨域的话，则会以异步加载js文件的形式来调用jsonp的回调函数。...2、通过修改document.domain来跨子域浏览器都有一个同源策略，其限制之一就是第一种方法中我们说的不能通过ajax的方法去请求不同源中的文档。...3、使用window.name来进行跨域 window对象有个name属性，该属性有个特征：即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对...我们看到在b.html页面上成功获取到了它的上一个页面a.html给window.name设置的值。...比如有一个www.example.com/a.html页面,需要通过a.html页面里的js来获取另一个位于不同域上的页面www.cnblogs.com/data.html里的数据。

2.2K8 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭