IT虾米网

页面get和post提交请求详解

developer 2021年08月20日 编程语言 277 0
本文章主要介绍了页面get和post提交请求,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!

get请求:

var url = ""; 
window.open(url);

post请求:

//请求提交点击事件 
$('#postOpenWindow').click(function () { 
        var var1 = "3214234"; 
        var var2 = "5234523"; 
        var excelForm = document.createElement("form"); 
        excelForm.id = "excelForm"; 
        excelForm.name = "excelForm"; 
        // 添加到 body 中 
        document.body.appendChild(excelForm); 
        // 创建一个输入 
        var input = document.createElement("input"); 
        // 设置相应参数 
        input.type = "text"; 
        input.name = "var1"; 
        input.value = var1; 
        // 将该输入框插入到 form 中 
        excelForm.appendChild(input); 
        // 创建一个输入 
        var input = document.createElement("input"); 
        // 设置相应参数 
        input.type = "text"; 
        input.name = "var2"; 
        input.value = var2; 
        // 将该输入框插入到 form 中 
        excelForm.appendChild(input); 
        // form 的提交方式 
        excelForm.method = "POST"; 
        // form 提交路径 
        excelForm.action = "ip:8080/mothPath"; 
        excelForm.target = "_blank"; 
        // 对该 form 执行提交 
        excelForm.submit(); 
        // 删除该 form 
        document.body.removeChild(excelForm); 
    })

 form表单页面简单模拟提交:

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title></title> 
    </head> 
    <body> 
            <form id="form_login" action="http://ip:7070/intelligentReview/crossVerifySketch" method="post" target="_blank" οnsubmit=""> 
                <input id="dsrdw" type="hidden" name="dsrdw" value="2345324"> 
                <input id="caseNumber" type="hidden" name="caseNumber" value="5243523"> 
            </form> 
            <button id="btn-submit" onclick="beforeSubmit()">提交</button> 
    </body> 
     
    <script type="text/javascript"> 
    var loginForm = document.getElementById('form_login'); 
    function beforeSubmit() { 
        loginForm.submit(); 
    } 
</script> 
</html>

发布评论
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

WebSocket隔一段时间会断开,增加心跳机制防止自动断开连接详解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。