gpt4 book ai didi

JQuery 表单提交添加请求 header

转载 作者:行者123 更新时间:2023-12-01 01:41:52 26 4
gpt4 key购买 nike

我想问是否可以在调用 $(myForm).submit(); 之前指定 header ; 我知道您可以在 AJAX post 请求中指定,但是在这个简单的表单提交之前是否可以指定?

最佳答案

是的,你可以。需要一些原生 JavaScript 苦差事,这就是我的做法:

<!DOCTYPE html>
<html>

<body>
<h1>Custom Header Injection 1</h1>
<div id="header_demo">
<form id="custom_form">
<input type="hidden" name="name_1" value="${form.name_1}" />
<button type="button" onclick="submitFormAndHeader()">Submit Form</button>
</form>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
function submitFormAndHeader() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
}
};
xhttp.open("POST", "/v1/target-endpoint.do", true);
xhttp.setRequestHeader("custom_header", "test value of custom header");
xhttp.send($("#custom_form").serialize());
}

</script>
</body>

</html>

添加了一个函数submitFormAndHeader,该函数创建 XMLHttpRequest添加所需 header 并通过 HTTP POST 提交 HTML DOM 表单的对象。

<小时/>

或者,您可以使用Jquery submit handler并调用上面创建的 submitFormAndHeader() 函数:

$( "#custom_form" ).on( "submit", function( event ) {
event.preventDefault();
submitFormAndHeader();
});

关于JQuery 表单提交添加请求 header ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38870814/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com