Process instantiation

Hello,

First i want to thank you for the responses , I am trying hard to figure out what really happening.

When i go debugging line by line i see that i am able to login and the X-Bonita-API-Token is stored on my code snippet variable st. When i proceed the following code passes and everything is ok

message.Headers.Add("Cookie", st);

var Res = await client.SendAsync(message);

if (Res.IsSuccessStatusCode)
{

}

. Let me explain the whole scenario

I want to send data from html generated from the contract json based on bonita model contract named RequestModel (id, name, comment)).

On my application i Have RequestViewModel that has same attributes like model in bonita RequestModel.

I am able to query process, generate form , get json from contract , but the problem occurs when i post data , instantiation.

It will be more than help, if you can find any code snippet in JavaScript for process instantiation.

Thanks

Burim Ameti

Hello Captain, 
I see you  have added as hard coded but how to I cast dynamic those values. Which url are responsible for getting the Cockie and X-Bonita-API-Token, is it post or get method ,  please give me idea which url you are retrieving this token and session. Bellow i will provide snippet and please check if i am doing wrong something , always tokens are null in this code snippet

Please check this where I am doing wrong

$(document).ready(function () {
var formData = {
username: "walter.bates",
password: "bpm",
redirect: false
};

var url = (window.location).href;
var id = url.substring(url.lastIndexOf('/') + 1);
console.log(id);

var instantiation = "http:/localhost:8080/bonita/API/" + id + "/instantiation";
var contract = "http:/localhost:8080/bonita/API/system/session/1";

$("#form1").on('submit', function (e) {
e.preventDefault();
$.ajax({
url: "http:/localhost:8080/bonita/loginservice",
type: "POST",
data: formData,
xhrFields: { withCredentials: true },

success: function (data, textStatus, jqXHR) {
console.log(data),
$.ajax({
url: "http://localhost:8080/API/bpm/process/" + id + "/contract",
type: "GET",
xhrFields: { withCredentials: true },
success: function (data, textStatus, jqXHR) {
console.log('success getting session' + jqXHR);
var apiToken = jqXHR.getResponseHeader('X-Bonita-API-Token');
console.log('X-Bonita-API-Token: ' + apiToken);
var formDatas = $('#form1').serialize();
$.ajax({
url: "http://localhost:8080/API/bpm/process/" + id + "/instantiation",

type: "POST",
contentType: "application/x-www-form-urlencoded",
/*passing the X-Bonita-API-Token for the CSRF security filter*/
headers: { 'X-Bonita-API-Token': apiToken },

data: JSON.stringify(formDatas),
xhrFields: { withCredentials: true },
success: function (data, textStatus, jqXHR) {
console.log('tokennnnn', +apiToken);
console.log('success inserting data');
console.log(data);
},
error: function (jqXHR, textStatus, errorThrown) {
console.log('error updating user info');
}
});
},
error: function (jqXHR, textStatus, errorThrown) {
console.log('error getting session');
}
});
},
error: function (jqXHR, textStatus, errorThrown) {
console.log('error login');
}
});
});
});

Hello, are you able to provide complet code snipet that gets the tokens and sends data let data be hardcoded in javascript. I tried but i have undefined send . i have this code snippet does not work

$(document).ready(function () {
$("#form1").on('submit', function (e) {
e.preventDefault();
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");
var urlencoded = new URLSearchParams();
urlencoded.append("username", "walter.bates");
urlencoded.append("password", "bpm");
urlencoded.append("redirect", "false");
var formData = $('#form1').serialize();
//console.log(formData);
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for (var i = 0; i++;) {
console.log(getCookie('X-Bonita-API-Token'));

//catch(error => console.log('error', error));
};
};
$.ajax({
url: '/Contract/Complexi',
headers: myHeaders,
type: "POST",
data: formData,
redirect: 'follow',
success: function (data) {
alert(data.message);
console.log(data);
},
error: function (xhr, resp, text) {
console.log(xhr, resp, text);
}
});
});

});

Hello, are you able to provide complete code snippet that gets the tokens and sends data to let data be hardcoded in JavaScript. I tried but I have undefined send. i have this code snippet does not work

$(document).ready(function () {
$("#form1").on('submit', function (e) {
e.preventDefault();
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");
var urlencoded = new URLSearchParams();
urlencoded.append("username", "walter.bates");
urlencoded.append("password", "bpm");
urlencoded.append("redirect", "false");
var formData = $('#form1').serialize();
//console.log(formData);
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for (var i = 0; i++;) {
console.log(getCookie('X-Bonita-API-Token'));

//catch(error => console.log('error', error));
};
};
$.ajax({
url: '/Contract/Complexi',
headers: myHeaders,
type: "POST",
data: formData,
redirect: 'follow',
success: function (data) {
alert(data.message);
console.log(data);
},
error: function (xhr, resp, text) {
console.log(xhr, resp, text);
}
});
});

});

this seems good solution. but i have dynamic data forms div , where do you cast those data. I see uou use new headers .What kind of data you post ? name ?

When I instantiate I don't see data on a database, tried still not see data on database data I post is JSON in this format and that is generated from the button. I am able to post from the postman . This is my contract

{
"requestMemebershipInput" : {
"name": "test",
"reason": "111"
}
}

Hello Captain Bonita,

I am trying by your code something is missing here. I am trying to instantiate but I have instantiation form with two fields, I am getting 401. what I see on console Cookies are not the same with login and instantiation fetch, In your code, I don't see that you are passing some data, I tried with my code passing some data but getting 401 I have form instantiation contract with two fields name and reason, I am in need pass those values by calling instantiation to fetch, You can see my code below.

var requestMemebershipInput = $('#form1').serialize();

var formData =( { requestMemebershipInput });

var urls = (window.location).href;
var id = urls.substring(urls.lastIndexOf('/') + 1);
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("password", "install");
urlencoded.append("redirect", "false");
urlencoded.append("username", "install");

var requestOptions = {
method: 'POST',
headers: myHeaders,
body: urlencoded,
redirect: 'follow'
};

function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for (var i = 0; i != ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}

fetch("http://localhost:8080/bonita/loginservice", requestOptions)
.then(
result => {
var myHeaders = new Headers();
myHeaders.append("X-Bonita-API-Token", getCookie('X-Bonita-API-Token'));

var requestOptions = {
method: 'POST',
body: formData,
headers: myHeaders,
redirect: 'follow'

};

fetch("http://localhost:8080/bonita/API/bpm/process/" + id + "/instantiation?username=walter.bates&password=bpm&redirect=false", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
})
.catch(error => console.log('error', error));

});

Hi Captain Bonita,

After some additional settings about cors and other types of settings i achieved to start instantiation from your example and i appreciate it.

I am in need not using hardcoded formdata I need to cast contract name , and data from form.

Thanks , I appreciate it very much for the code snippet you gave me

Burim