`
hellosoft
  • 浏览: 55437 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JS: 打开新窗口时(open window),使用传递post参数

阅读更多
       var params =  $("form").serialize();

        $.ajax({
            type: "POST",
            url: "yourpage.php",
            data: params,
            success: function(str_response) {
               var obj = window.open("about:blank");
               obj.document.write(str_response);
            }
        });


使用 jquery.

原理:
1. 使用ajax请求请求页面,
2. 成功后,打开一个空的窗口
3. 将ajax请求得到的页面,写入新建的空白窗口

补充说明:
如果使用了firbug(firefox中的调试工具),那么可能会有点小问题:新开的页面一直在运行不能停止。
分享到:
评论

相关推荐

    windowOpen打开新窗口

    在Web开发中,`window.open()` 是一个非常重要的JavaScript函数,用于在用户的浏览器中打开新的窗口或标签。这个函数在创建交互式用户体验时扮演着关键角色,允许开发者控制新窗口的大小、位置以及加载的URL。现在...

    window.open()实现post传递参数

    通常,`window.open()` 的使用方式是 `window.open(url, target, features)`,其中 `url` 是要打开的页面的地址,`target` 指定打开的位置(如 `_blank` 表示新窗口),`features` 是窗口特征的字符串,如宽度、高度...

    window.open父子窗口传值问题

    1. **使用URL参数**:在`window.open`的`url`中添加查询参数来传递数据。例如: ```javascript var url = "child.html?data=" + encodeURIComponent(value); var newWindow = window.open(url, "child"); ``` 2...

    window.open 以post方式传递参数示例代码

    在Web开发中,有时我们需要在不同的页面之间传递参数,`window.open`是JavaScript中用于打开新窗口的一个方法。通常,`window.open`配合GET方式传递参数,但也可以通过POST方式来实现更安全、更复杂的参数传递。本文...

    使用jquery实现以post打开新窗口

    本文主要讨论如何使用jQuery实现以POST方式打开新窗口,这在某些场景下是必要的,例如用户提交表单后需要在一个新的窗口中显示结果。 传统的POST请求通常用于向服务器发送数据并刷新当前页面,但有时我们可能希望在...

    js以post方式打开新页面

    在JavaScript中,通常我们使用`window.location.href`或者`a`标签来实现页面跳转,但这两种方式都采用GET请求的方式传递数据。然而,在某些情况下,我们可能需要以POST方式发送数据并打开新页面,例如处理表单提交、...

    javascript 父窗口、子窗口传值问题

    例如,一个网页中的超链接可以使用`window.open()`方法打开一个新的窗口,新窗口就是子窗口,而原来的窗口则是父窗口。 ### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**:在创建子窗口时,可以通过URL...

    js使用post 方式打开新窗口

    首先,传统的window.open()方法通常用于打开新窗口,但如果需要通过POST方法发送数据,需要使用AJAX技术或者创建隐藏的表单来实现。 1. 使用window.open()方法:这是最直接的方法,可以用来打开一个新的浏览器窗口...

    showModalDialog和window.open

    在Web开发中,`showModalDialog`和`window.open`是两种用于打开新窗口或对话框的方法,但它们各自有着独特的特性和应用场景。以下是对这两种方法的详细解析: #### showModalDialog `showModalDialog`是Internet ...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...

    在Js页面通过POST传递参数跳转到新页面详解

    场景 最近在工作中遇到一个需求,有个页面 a.vm,对 ajax 请求的结果进行判断后,获取结果里面的数据传递给一个 URL...请求头总长度大于128k时使用 large_client_header_buffers 设置的缓存区 large_client_header_

    javascript 两个页面之间传值

    `window.open()`是JavaScript中的一个内置函数,用于打开新的浏览器窗口或者标签页,并可以指定新窗口的URL、尺寸以及窗口特性。 首先,我们来了解`window.open()`的基本语法: ```javascript window.open(url, ...

    HTML 父窗口打开子窗口,并接收子窗口返回的值.zip

    这个方法接受两个参数:要打开的URL和新窗口的名称。例如: ```javascript var childWindow = window.open('b.html', '子窗口名'); ``` 这里的`b.html`是子窗口的页面,`子窗口名`是一个可选的标识符,用于引用新...

    window.open以post方式将内容提交到新窗口

    本文将介绍两种在JavaScript中使用`window.open`以POST方式将内容提交到新窗口的方法。 ### 方法一: 这种方法是通过动态创建HTML表单(form)元素,设置其属性,并利用`attachEvent`或`addEventListener`来触发...

    js父窗口跟子窗口的互刷

    在JavaScript编程中,"父窗口跟子窗口的互刷"是指在浏览器环境中,一个窗口(父窗口)与打开的新窗口(子窗口)之间进行数据交换和状态更新的技术。这种技术通常用于实现弹出窗口间的通信,例如购物车详情或者多步骤...

    前端开源库-bwindow

    1. **新窗口创建**:`bWindow` 提供了创建新窗口的功能,允许开发者自定义新窗口的属性,如大小、位置、URL以及是否在新窗口中打开链接等。 2. **窗口管理**:可以调整窗口的大小、移动窗口位置,甚至实现窗口之间...

    showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口

    - `arguments`:可选参数,可以传递给新窗口的数据对象,通常用于向子窗口传递值。 - `features`:可选参数,定义新窗口的特性,如宽度、高度、位置等,用逗号分隔。 **父窗口向子窗口传递值:** 在`arguments`参数...

    javascript经典特效---检查窗口的关闭打开.rar

    这个方法接收两个参数:要打开的URL和新窗口的名称。例如: ```javascript var newWindow = window.open('https://example.com', 'newWindow'); ``` 如果需要监听新窗口的状态,可以在`window.open()`返回的窗口...

Global site tag (gtag.js) - Google Analytics