Deployment Process using ajax call?

I’m trying to deployment process using ajax , it’s save as blog i don’t know what’s wrong on my code :
:

var xml='<?xml version="1.0" encoding="UTF-8"?> <bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" id="sample-diagram" targetNamespace="http://bpmn.io/schema/bpmn" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd"> <bpmn2:process id="Process_1" isExecutable="false"> <bpmn2:startEvent id="StartEvent_1" /> <bpmn2:task id="Task_11qg7lr" /> </bpmn2:process> <bpmndi:BPMNDiagram id="BPMNDiagram_1"> <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1"> <bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1"> <dc:Bounds x="412" y="240" width="36" height="36" /> </bpmndi:BPMNShape> <bpmndi:BPMNShape id="Task_11qg7lr_di" bpmnElement="Task_11qg7lr"> <dc:Bounds x="471" y="107" width="100" height="80" /> </bpmndi:BPMNShape> </bpmndi:BPMNPlane> </bpmndi:BPMNDiagram> </bpmn2:definitions>'
var data;
var bbb = new Blob([xml], {type: 'application/xml'});
	
	bbb.name = "Test.bpmn";
	console.log(bbb);
	console.log(">> >> >>"+bbb.name);
	data = new FormData();
	data.append( 'deployment-name', "Test1");
	data.append( 'enable-duplicate-filtering', true);
	//data.append( 'deploy-changed-only', true);
	data.append( 'deployment-source', 'local');
    data.append( 'data', bbb);
	
	 $.ajax({
        url: 'http://localhost:8080/engine-rest/deployment/create',
        data: data,
        processData: false,
		contentType: false,
        type: 'POST',
        success: function ( data ) {
            alert( data );
        }
    });