JS打开url的几种方法

原创

秋夜雨巷 2021-06-01 10:20:36 ©著作权

©著作权归作者所有：来自51CTO博客作者秋夜雨巷的原创作品，请联系作者获取转载授权，否则将追究法律责任

在新标签页中get方式打开url

window.open(loginurl_withaccout, "_blank");

下图中根据后台返回的url以及用户名密码字段，以及用户名密码动态生成了带账号的url。

$.ax('./front/getURLBySidAndUid', {sysid:sysid}, 'POST', function(d) {
    var loginurl_withaccout = d.loginurl + "?"+d.namefield+"="+d.username+"&"+d.pwdfield+"="+d.userpwd;
    console.info(loginurl_withaccout);
    window.open(loginurl_withaccout, "_blank");
}, function(e) {
    layer.alert('出问题啦~请稍后再试~',{title:'提示',icon: 2});
}, false); //同步

在新标签页中post方式打开url

下面这种方式支持IE9以上以及谷歌火狐.但是不支持360

/*获取系统带参数的登录url*/
$.ax('./front/getURLBySidAndUid', {sysid:sysid}, 'POST', function(d) {

    /*get跳转*/
    /*var loginurl_withaccout = d.loginurl + "?"+d.namefield+"="+d.username+"&"+d.pwdfield+"="+d.userpwd;
    window.open(loginurl_withaccout, "_blank");*/

    /*post跳转*/
    var params = new Array();
    params.push({ name:d.namefield,value:d.username},{name:d.pwdfield,value:d.userpwd});
    openPostWindow(d.loginurl,params,"_blank");
}, function(e) {
    layer.alert('出问题啦~请稍后再试~',{title:'提示',icon: 2});
}, false); //同步

    /**
     * 动态创建form表单 - 实现post带参数跳转到新tab页
     **/
    function openPostWindow(url,params,name){
        var tempForm = document.createElement("form");
        tempForm.id="tempForm_post";
        tempForm.method="post";
        tempForm.enctype="application/x-www-form-urlencoded";
        tempForm.action=url;
        tempForm.target=name;  /*打开新窗口*/
        tempForm.style.display = "none";
        //添加参数
        for (var item in params) {
            var input = document.createElement("input");
            input.name = params[item].name;
            input.value = params[item].value;
            tempForm.appendChild(input);
        }
        document.body.appendChild(tempForm);
        tempForm.submit();
        document.body.removeChild(tempForm);
    }