javascript - 添加自定义标题以提交表单

标签 javascript angular javascript-objects angular4-httpclient

我在我的一个项目中使用 angular 4,并且我有一个动态创建表单元素并提交它的方法

postToUrl(path, params, method) {
        method = method || 'post';
        let form = document.createElement('form');
        form.setAttribute('method', method);
        form.setAttribute('action', path);
        for (let key in params) {
            if (params && params.hasOwnProperty(key)) {
                let hiddenField = document.createElement('input');
                hiddenField.setAttribute('type', 'hidden');
                hiddenField.setAttribute('name', key);
                hiddenField.setAttribute('value', params[key]);
                form.appendChild(hiddenField);
            }
        }
        document.body.appendChild(form);
        form.submit();
        setTimeout(() => {
            document.body.removeChild(form);
        }, 2000);
    }

我想要做的是为请求设置一个自定义 header ,以便我可以附加服务器所需的所有 header 。有什么办法可以为此编写一个通用的拦截器,这样我就不必重复这些行了。请帮忙。任何帮助表示赞赏。

最佳答案

我无法完全理解您的要求,但如果您使用的是 Angular,那么您可以通过 HTTPClient 模块添加和拦截 header (客户端)

这是另一个可能对您有所帮助的答案。

https://stackoverflow.com/a/47393331/6841216

关于javascript - 添加自定义标题以提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49969937/

相关文章:

javascript - NodeJS ES6 模块和 "default"导出/导入

javascript - 如何使轮播字幕响应?我在描述框中添加了图片和代码,请查看

javascript - 我如何循环遍历 CanJS 中的嵌套模型

angular - 如何不从 ngrx 存储中获取空值

javascript - 打字游戏——希望输入的所有字母都是小写

javascript - 自动递增 JS 对象数组

javascript - 使用 javascript 定位由 ajax 插入的按钮

Angular Router - 拦截子路由变化

angular - Action 表达式中不能有管道?

javascript - JavaScript 原型(prototype)链中的方法继承