I am currently working on a MVC 5 App where I have a Parent View that includes a Partial View, allowing users to load images.
Upon submitting, the Parent view calls a .Ajax function defined within it, which in turn calls a Method/Controller.
My requirement is to send the data present in the Parent View to the controller. Is this achievable?
Below is a snippet of my code:
Parent View
https://i.stack.imgur.com/sZ6Js.png
Partial View
https://i.stack.imgur.com/TIRUN.png
.Ajax Method
$('#formPhoto').submit(function (event) {
event.preventDefault();
if ($(this).valid()) {
var id="aaa";
var formdata = new FormData($(this).get(0));
$.ajax({
url: this.action,
type: this.method,
data:formdata,
processData: false,
contentType: false,
beforeSend: function () {
return true;
},
success: function (result) {
successPhoto();
},
complete: function () {
// alert(3);
// And so on.
}
});
}
return false;
});
In order to include var aa='aaa' in the data: parameter.