Pular para o conteúdo principal

Problema: Form submission canceled because the form is not connected



Em alguns casos é necessário criar um form invisível com javascript e dar submit para realizar alguma requisição em especifico. Mas, em versões recentes do navegador Google Chrome tornou-se impossível criar um formulário com jQuery e dar submit dentro do site sem adicionar ele ao DOM do documento. Caso você tente isto, irá receber um aviso no console dizendo "Form submission canceled because the form is not connected" e sua página não ira completar a operação.

Para contornar  este problema basta você após criar o form adicioná-lo ao corpo de página fazendo append ao corpo do documento:


var form = $('<form action="' + url + '" method="POST" target="_blank" >' +

                  '<input type="hidden" name="param1" value="' + param1 + '" />' +
                  '<input type="hidden" name="param2" value="' + param2 + '" />' +
                  '</form>');

            $("body").append(form);

            $(form).submit().remove()

Comentários

Postagens mais visitadas deste blog

Dica: Extensão Indentar código VUE Visual Studio Code

Olá Por muitas é necessário um atalho para formatar o seu código fonte no editor de texto. Para formatação de HTML, CSS, JS e afins no visual studio code você pode utilizar o: HTML Snippets Mas esta extensão acima não formata arquivos de template .vue . Para formatar este tipo de arquivos é necessário instalar alguma outra extensão. Entre as que busquei a que faz o serviço da melhor forma atualmente utilizando o atalho alt+shift+f   é o plugin ventur: Vetur Este plugin é muito bom mesmo. Facilitou bastante a formatação de fontes em templates .vue. É isso espero que ajude;)

C# :Removendo propriedades nulas ao serializar JSON

Olá Para serializar uma classe em formato JSON em c#,por muitas vezes é utilizado o pacote Newtonsoft . Em alguns momentos há a necessidade de serializar somente as propriedades que estiverem preenchidas no objeto, removendo assim as que estiverem nulas. Para isto você pode utilizar a propriedade  NullValueHandling da classe  JsonSerializerSettings . Segue exemplo: Até a próxima

Como criar componente dropdown com checkbox ASP.NET MVC

Neste post irei demonstrar a criação de um componente  dropdown com checkbox para selecionar as opções desejadas. Para começar podemos criar uma classe estática para criar o componente que será utilizado numa página razor. public static class Extensions { public static MvcHtmlString DropdownCheckbox( this HtmlHelper helper, string placeholder, IEnumerable<SelectListItem> selectList, object htmlAttributes) { string items = "" ; string rodape = "" ; if (htmlAttributes == null ) { htmlAttributes = new { }; } var attributes = new ExpandoObject() as IDictionary< string , Object>; foreach (PropertyInfo property in htmlAttributes.GetType().GetProperties()) { attributes.Add(property.Name, property.GetValue(htmlAttributes)); } string idDropdown = "dr