首页 > 解决方案 > 如何在表单 ajax 中插入 id 参数以与 ie 11 兼容

问题描述

我有一个表格来更新我正在开发的网站的数据,并且在 chrome 上运行良好,但在 Internet Explorer 11 上,我收到“chamadoid”行上的无效字符错误

网址:/chamados/${chamadoId},

什么是在 ajax url 中设置 id 以使其在 ie 上工作的正确方法?


function atualizarChamado() {
    $(this).prop('disabled', true);

    const chamadoId = $(this).data('chamado-id');
    
    $.ajax({
        url: `/chamados/${chamadoId}`,
        method: "PUT",
        data: {
            nome: $('#nome').val(),
            chamado: $('#chamado').val(),
            ativocpu: $('#ativocpu').val(),
            ativomonitor: $('#ativomonitor').val(),
            endereco: $('#endereco').val(),
            numero: $('#numero').val(),
            cep: $('#cep').val(),
            senha: $('#senha').val(),
            transporte: $('#transporte').val(),
            acionamento: $('#acionamento').val(),
            status: $('#status').val(),
            bairro: $('#bairro').val(),
            obs: $('#obs').val(),
            office: $('#office').val(),      
            ramal: $('#ramal').val(),
            logindac: $('#logindac').val(),
            re: $('#re').val(),
            ativoretornomonitor: $('#ativoretornomonitor').val(),
            ativoretornocpu: $('#ativoretornocpu').val(),
            perifericomouse: $('#perifericomouse').val(),
            perifericoteclado: $('#perifericoteclado').val(),
            perifericohead: $('#perifericohead').val(),
            perifericorede: $('#perifericorede').val(),
            analistafield: $('#analistafield').val(),
            gerenteoperador: $('#gerenteoperador').val()
        }
    }).done(function() {
        Swal.fire('Sucesso!', 'Publicação criada com sucesso!', 'success').then(function() {window.location = `/chamados/${chamadoId}/editar`;})
    }).fail(function() {
        Swal.fire("Ops...", "Erro ao editar a publicação!", "error");
    }).always(function() {
        $('#atualizar-chamado').prop('disabled', false);
    })
}

标签: javascriptjquery

解决方案


像这样使用 +

// ...
url: '/chamados/' + chamadoId
// ...

推荐阅读