欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js使用post 方式打開新窗口

 更新時(shí)間:2015年02月26日 15:37:37   投稿:hebedich  
這篇文章主要介紹了js使用post 方式打開新窗口的相關(guān)資料,需要的朋友可以參考下

js中一般新打開窗口很簡單直接window.open(url);就可以了,

但是由于我希望傳遞參數(shù)到服務(wù)端,而且參數(shù)看起來很長一串,而且get方式的提交參數(shù)長度是有限制的,因此我有以下需求:

1,js中實(shí)現(xiàn)post提交

2,返回的頁面在新窗口顯示

首先我是這么做的:

復(fù)制代碼 代碼如下:

 $.ajax({  
                     type: "POST",  
                     url: '${contextPath}/analyse/detail.do',  
                     data: {carNum :carNum,ids:refIds},  
                     success: function(str_response) { var obj = window.open("about:blank");  
                        obj.document.write(str_response);  
                     }  
                 });

通過jQuery ajax提交,返回的數(shù)據(jù)寫在新的頁面中,但是由于瀏覽器的會(huì)攔截自動(dòng)彈出的窗口,這樣還需用戶自己解除攔截,用戶體驗(yàn)很差,

然后我又通過模擬form表單的提交來實(shí)現(xiàn)

復(fù)制代碼 代碼如下:

function post(URL, PARAMS) { var temp_form = document.createElement("form");     
            temp_form .action = URL;     
            temp_form .target = "_blank";
            temp_form .method = "post";     
            temp_form .style.display = "none"; for (var x in PARAMS) { var opt = document.createElement("textarea");     
                opt.name = x;     
                opt.value = PARAMS[x];     
                temp_form .appendChild(opt);     
            }     
            document.body.appendChild(temp);     
            temp_form .submit();    
        }

注意:如需新打開窗口 form 的target屬性要設(shè)置為'_blank'

然后請(qǐng)求post('${contextPath}/analyse/detail.do',{carNum :carNum,ids:refIds});就可以了

相關(guān)文章

  • JavaScript實(shí)現(xiàn)簡單動(dòng)態(tài)進(jìn)度條效果

    JavaScript實(shí)現(xiàn)簡單動(dòng)態(tài)進(jìn)度條效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單動(dòng)態(tài)進(jìn)度條效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-04-04
  • javascript 三種數(shù)組復(fù)制方法的性能對(duì)比

    javascript 三種數(shù)組復(fù)制方法的性能對(duì)比

    javascript 三種數(shù)組復(fù)制方法的性能對(duì)比,對(duì)于webkit, 使用concat; 其他瀏覽器, 使用slice.
    2010-01-01
  • uniapp使用u-upload組件來實(shí)現(xiàn)圖片上傳功能

    uniapp使用u-upload組件來實(shí)現(xiàn)圖片上傳功能

    最近在用uniapp開發(fā)微信小程序,下面這篇文章主要給大家介紹了關(guān)于uniapp使用u-upload組件來實(shí)現(xiàn)圖片上傳功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-01-01
  • TypeScript?使用?Tuple?Union?聲明函數(shù)重載

    TypeScript?使用?Tuple?Union?聲明函數(shù)重載

    這篇文章主要介紹了TypeScript?使用?Tuple?Union?聲明函數(shù)重載,TypeScript 中為函數(shù)添加多個(gè)簽名后,依然需要添加相應(yīng)的代碼來判斷并從不同的簽名參數(shù)列表中獲取對(duì)應(yīng)的參數(shù),下文就來探索方法和技巧吧
    2022-04-04
  • JS對(duì)象屬性的檢測與獲取操作實(shí)例分析

    JS對(duì)象屬性的檢測與獲取操作實(shí)例分析

    這篇文章主要介紹了JS對(duì)象屬性的檢測與獲取操作,結(jié)合實(shí)例形式分析了JS針對(duì)ES5、ES6實(shí)現(xiàn)對(duì)象屬性的檢測與獲取常見操作技巧,需要的朋友可以參考下
    2020-03-03
  • Bootstrap中CSS的使用方法

    Bootstrap中CSS的使用方法

    這篇文章主要為大家詳細(xì)介紹了Bootstrap中CSS的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-02-02
  • 基于js中的存儲(chǔ)鍵值對(duì)以及注意事項(xiàng)介紹

    基于js中的存儲(chǔ)鍵值對(duì)以及注意事項(xiàng)介紹

    下面小編就為大家介紹一下基于js中的存儲(chǔ)鍵值對(duì)以及注意事項(xiàng)。希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • javascript檢測兩個(gè)數(shù)組是否相似

    javascript檢測兩個(gè)數(shù)組是否相似

    Javascript不能直接用==或者===來判斷兩個(gè)數(shù)組是否相等,無論是相等還是全等都不行,要判斷JS中的兩個(gè)數(shù)組是否相同,需要先將數(shù)組轉(zhuǎn)換為字符串,再作比較。
    2015-05-05
  • JavaScript中立即執(zhí)行函數(shù)實(shí)例詳解

    JavaScript中立即執(zhí)行函數(shù)實(shí)例詳解

    javascript和其他編程語言相比比較隨意,所以javascript代碼中充滿各種奇葩的寫法,有時(shí)霧里看花,當(dāng)然,能理解各型各色的寫法也是對(duì)javascript語言特性更進(jìn)一步的深入理解。這篇文章主要給大家介紹了關(guān)于JavaScript中立即執(zhí)行函數(shù)的相關(guān)資料,需要的朋友可以參考下。
    2017-11-11
  • js如何獲取網(wǎng)頁所有圖片

    js如何獲取網(wǎng)頁所有圖片

    這篇文章主要為大家詳細(xì)介紹了js如何獲取網(wǎng)頁所有圖片,js獲取網(wǎng)頁所有圖片的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05

最新評(píng)論