Não tem como enviar valores "primitivos" a não ser que você use um formato como JSON e decodifique quando chegar no servidor, tudo que é enviado via HTTP será texto ou "binário".
Justamente por este motivo existem métodos como Json, Xml e serialization, para poder enviar os dados em um formato padrão o qual poderá ser interpretado no back-end ou front-end (depende de onde enviar). Então pode fazer assim:
var f = new FormData;
data = { "telefone": null, "nome": "Wallace" };
f.append('data', JSON.stringify(data));
//Ainda string
console.log(f.get("data"));
//Decodificado
var parsed = JSON.parse(f.get("data"));
console.log(parsed.nome, parsed.telefone);
E quando chegar no back-end fazer assim:
$data = json_decode($request->request->get('cliente')['data']);
var_dump($data);
Ou se for PHP puro:
$data = json_decode($_POST['data']);
var_dump($data);
Usando somente strings
Outra maneira seria quando for NULL
simplesmente trocar o valor por uma string vazia e quando for false
não adicionar o item ao FormData
, sendo angular.js acredito que possa filtrar os itens antes, mas como não entendo disto a explicação basica seria isso:
function appendToForm(form, key, value)
{
if (value === null) { //Null é vazio
form.append(key, "");
} else if (value === false || typeof value === "undefined") {//False e undefined é desconsiderado
form.append(key, value);
} else if (value === true) { //True vira 1
form.append(key, "1");
} else {//Outros valores viram string se necessário
form.append(key, value);
}
}
var f = new FormData;
appendToForm(f, "nome", "JBueno ♥ JavaScript");
appendToForm(f, "telefone", null);
for (var k of f.keys()) {
var value = f.get(k);
console.log(k, "=>", value, ',tipo =>' + typeof value);
}
Eu não entendo nada de Angular.js, mas creio que usando o plugin Upload seria simplesmente assim:
function appendToForm(data, key, value)
{
if (value === null) {
data[key] = "";
} else if (value === false || typeof value === "undefined") {
data[key] = value;
} else if (value === true) {
data[key] = "1";
} else {
data[key] = value;
}
}
...
var data = {};
appendToForm('cliente', $scope.cliente);
appendToForm('orcamento', $scope.orcamento);
Upload.upload({
url: '/orcamento/ajax-criar',
data: data
})
XML
Se fosse transportar via Xml, por exemplo para um WebService que suporte SOAP poderia usar o atributo xsi:nil
(requer o namespace xmlns:xsi="w3.org/2001/XMLSchema-instance"
), assim por exemplo:
<tag xsi:nil="true" />
<tag xsi:nil="false" />
<tag xsi:nil="null" />
Você também pode dar uma olhada no w3.org, sei que é fugir do assunto, mas é apenas para explicar a serialização, na versão 1.1 do SOAP (eu realmente não estou certo se é algo suportado) indica que pode usar xsd:null="true"
.
Claro que você pode criar o teu proprio Xml e enviar via Ajax talvez, incluindo até os dados imagem em base64
, será um pouco trabalhoso, mas é apenas para entendimento mesmo, por exemplo:
<?xml version="1.0"?>
<upload>
<item type="bin" name="foto">base64 com o conteudo do upload</item>
<item type="bool" name="possui_carro">true</item>
<item type="bool" name="possui_moto">false</item>
<item type="null" name="telefone" />
<item name="hello_world">olá, mundo!</item> <!-- para string pode omitir o type ou adicionar type="string" -->
</upload>
E no back-end você decodifica e pode usar SimpleXMLElement se for php por exemplo, claro que vai ter que fazer o "parse" manualmente usando o atributo type=""
e o conteúdo da tag <item>