How To Post Json Data To Controller Without a Model in .net core
up vote
1
down vote
favorite
There is a huge data stored in grid that comes from a sql query joined more than ona table. Data type is Json. I filtered data and then want to sent filtered data to controller. But how it can be?
Here is test json data in javascript block:
var jsonData = {
"FirstName": "John",
"LastName": "Doe",
"DoB": "01/01/1970" };
And this is my javascript function:
function submitForm() {
var user = jsonData;
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(user),
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
}
How to get the Json data in controller? Here is my [HttpPost] method:
[HttpPost]
public IActionResult GetJsonData(String user)
{
//...
return null;
}
user gets null.. Should i change type "String
" in method or something else?
javascript jquery json ajax .net-core
add a comment |
up vote
1
down vote
favorite
There is a huge data stored in grid that comes from a sql query joined more than ona table. Data type is Json. I filtered data and then want to sent filtered data to controller. But how it can be?
Here is test json data in javascript block:
var jsonData = {
"FirstName": "John",
"LastName": "Doe",
"DoB": "01/01/1970" };
And this is my javascript function:
function submitForm() {
var user = jsonData;
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(user),
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
}
How to get the Json data in controller? Here is my [HttpPost] method:
[HttpPost]
public IActionResult GetJsonData(String user)
{
//...
return null;
}
user gets null.. Should i change type "String
" in method or something else?
javascript jquery json ajax .net-core
is this JavaScript inside a Razor view? It needs to be, otherwise the@Url.Action
won't work.
– Wim Ombelets
Nov 21 at 14:33
No, it's not about Razor View. Because i point a breakpoint forGetJsonData
method, and the method works...
– subudu
Nov 21 at 14:38
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
There is a huge data stored in grid that comes from a sql query joined more than ona table. Data type is Json. I filtered data and then want to sent filtered data to controller. But how it can be?
Here is test json data in javascript block:
var jsonData = {
"FirstName": "John",
"LastName": "Doe",
"DoB": "01/01/1970" };
And this is my javascript function:
function submitForm() {
var user = jsonData;
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(user),
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
}
How to get the Json data in controller? Here is my [HttpPost] method:
[HttpPost]
public IActionResult GetJsonData(String user)
{
//...
return null;
}
user gets null.. Should i change type "String
" in method or something else?
javascript jquery json ajax .net-core
There is a huge data stored in grid that comes from a sql query joined more than ona table. Data type is Json. I filtered data and then want to sent filtered data to controller. But how it can be?
Here is test json data in javascript block:
var jsonData = {
"FirstName": "John",
"LastName": "Doe",
"DoB": "01/01/1970" };
And this is my javascript function:
function submitForm() {
var user = jsonData;
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(user),
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
}
How to get the Json data in controller? Here is my [HttpPost] method:
[HttpPost]
public IActionResult GetJsonData(String user)
{
//...
return null;
}
user gets null.. Should i change type "String
" in method or something else?
javascript jquery json ajax .net-core
javascript jquery json ajax .net-core
asked Nov 21 at 14:24
subudu
939
939
is this JavaScript inside a Razor view? It needs to be, otherwise the@Url.Action
won't work.
– Wim Ombelets
Nov 21 at 14:33
No, it's not about Razor View. Because i point a breakpoint forGetJsonData
method, and the method works...
– subudu
Nov 21 at 14:38
add a comment |
is this JavaScript inside a Razor view? It needs to be, otherwise the@Url.Action
won't work.
– Wim Ombelets
Nov 21 at 14:33
No, it's not about Razor View. Because i point a breakpoint forGetJsonData
method, and the method works...
– subudu
Nov 21 at 14:38
is this JavaScript inside a Razor view? It needs to be, otherwise the
@Url.Action
won't work.– Wim Ombelets
Nov 21 at 14:33
is this JavaScript inside a Razor view? It needs to be, otherwise the
@Url.Action
won't work.– Wim Ombelets
Nov 21 at 14:33
No, it's not about Razor View. Because i point a breakpoint for
GetJsonData
method, and the method works...– subudu
Nov 21 at 14:38
No, it's not about Razor View. Because i point a breakpoint for
GetJsonData
method, and the method works...– subudu
Nov 21 at 14:38
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
Since user
is a string, you could try to create an object with a property user
:
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: {
user: JSON.stringify(user)
},
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
Or using FormData
:
var formData = new FormData();
formData.append('user', JSON.stringify(user));
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
contentType: false,
processData: false,
data: formData,
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
I created an object with a propertyuser
but it still returns null...
– subudu
Nov 21 at 14:32
@sudu That's because ofreturn null;
in the methodGetJsonData
.
– Tân Nguyễn
Nov 21 at 14:33
No, i meanGetJsonData
parameter'suser
returnsnull
– subudu
Nov 21 at 14:36
1
@sudu Oh, sorry. I've updated the second way, you can try again. I've removeddataType
property, and added 2 propertiescontentType
andprocessData
.
– Tân Nguyễn
Nov 21 at 14:43
1
Thanks a lot @Tân Nguyễn, updated way solved my proplem :)
– subudu
Nov 21 at 14:46
|
show 2 more comments
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
Since user
is a string, you could try to create an object with a property user
:
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: {
user: JSON.stringify(user)
},
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
Or using FormData
:
var formData = new FormData();
formData.append('user', JSON.stringify(user));
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
contentType: false,
processData: false,
data: formData,
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
I created an object with a propertyuser
but it still returns null...
– subudu
Nov 21 at 14:32
@sudu That's because ofreturn null;
in the methodGetJsonData
.
– Tân Nguyễn
Nov 21 at 14:33
No, i meanGetJsonData
parameter'suser
returnsnull
– subudu
Nov 21 at 14:36
1
@sudu Oh, sorry. I've updated the second way, you can try again. I've removeddataType
property, and added 2 propertiescontentType
andprocessData
.
– Tân Nguyễn
Nov 21 at 14:43
1
Thanks a lot @Tân Nguyễn, updated way solved my proplem :)
– subudu
Nov 21 at 14:46
|
show 2 more comments
up vote
1
down vote
accepted
Since user
is a string, you could try to create an object with a property user
:
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: {
user: JSON.stringify(user)
},
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
Or using FormData
:
var formData = new FormData();
formData.append('user', JSON.stringify(user));
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
contentType: false,
processData: false,
data: formData,
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
I created an object with a propertyuser
but it still returns null...
– subudu
Nov 21 at 14:32
@sudu That's because ofreturn null;
in the methodGetJsonData
.
– Tân Nguyễn
Nov 21 at 14:33
No, i meanGetJsonData
parameter'suser
returnsnull
– subudu
Nov 21 at 14:36
1
@sudu Oh, sorry. I've updated the second way, you can try again. I've removeddataType
property, and added 2 propertiescontentType
andprocessData
.
– Tân Nguyễn
Nov 21 at 14:43
1
Thanks a lot @Tân Nguyễn, updated way solved my proplem :)
– subudu
Nov 21 at 14:46
|
show 2 more comments
up vote
1
down vote
accepted
up vote
1
down vote
accepted
Since user
is a string, you could try to create an object with a property user
:
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: {
user: JSON.stringify(user)
},
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
Or using FormData
:
var formData = new FormData();
formData.append('user', JSON.stringify(user));
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
contentType: false,
processData: false,
data: formData,
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
Since user
is a string, you could try to create an object with a property user
:
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: {
user: JSON.stringify(user)
},
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
Or using FormData
:
var formData = new FormData();
formData.append('user', JSON.stringify(user));
jQuery.ajax({
type: "POST",
url: "@Url.Action("GetJsonData", "Account")",
contentType: false,
processData: false,
data: formData,
success: function (data) { alert(data); },
failure: function (errMsg) {
alert(errMsg);
}
});
edited Nov 21 at 14:42
answered Nov 21 at 14:29
Tân Nguyễn
1
1
I created an object with a propertyuser
but it still returns null...
– subudu
Nov 21 at 14:32
@sudu That's because ofreturn null;
in the methodGetJsonData
.
– Tân Nguyễn
Nov 21 at 14:33
No, i meanGetJsonData
parameter'suser
returnsnull
– subudu
Nov 21 at 14:36
1
@sudu Oh, sorry. I've updated the second way, you can try again. I've removeddataType
property, and added 2 propertiescontentType
andprocessData
.
– Tân Nguyễn
Nov 21 at 14:43
1
Thanks a lot @Tân Nguyễn, updated way solved my proplem :)
– subudu
Nov 21 at 14:46
|
show 2 more comments
I created an object with a propertyuser
but it still returns null...
– subudu
Nov 21 at 14:32
@sudu That's because ofreturn null;
in the methodGetJsonData
.
– Tân Nguyễn
Nov 21 at 14:33
No, i meanGetJsonData
parameter'suser
returnsnull
– subudu
Nov 21 at 14:36
1
@sudu Oh, sorry. I've updated the second way, you can try again. I've removeddataType
property, and added 2 propertiescontentType
andprocessData
.
– Tân Nguyễn
Nov 21 at 14:43
1
Thanks a lot @Tân Nguyễn, updated way solved my proplem :)
– subudu
Nov 21 at 14:46
I created an object with a property
user
but it still returns null...– subudu
Nov 21 at 14:32
I created an object with a property
user
but it still returns null...– subudu
Nov 21 at 14:32
@sudu That's because of
return null;
in the method GetJsonData
.– Tân Nguyễn
Nov 21 at 14:33
@sudu That's because of
return null;
in the method GetJsonData
.– Tân Nguyễn
Nov 21 at 14:33
No, i mean
GetJsonData
parameter's user
returns null
– subudu
Nov 21 at 14:36
No, i mean
GetJsonData
parameter's user
returns null
– subudu
Nov 21 at 14:36
1
1
@sudu Oh, sorry. I've updated the second way, you can try again. I've removed
dataType
property, and added 2 properties contentType
and processData
.– Tân Nguyễn
Nov 21 at 14:43
@sudu Oh, sorry. I've updated the second way, you can try again. I've removed
dataType
property, and added 2 properties contentType
and processData
.– Tân Nguyễn
Nov 21 at 14:43
1
1
Thanks a lot @Tân Nguyễn, updated way solved my proplem :)
– subudu
Nov 21 at 14:46
Thanks a lot @Tân Nguyễn, updated way solved my proplem :)
– subudu
Nov 21 at 14:46
|
show 2 more comments
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53414207%2fhow-to-post-json-data-to-controller-without-a-model-in-net-core%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
is this JavaScript inside a Razor view? It needs to be, otherwise the
@Url.Action
won't work.– Wim Ombelets
Nov 21 at 14:33
No, it's not about Razor View. Because i point a breakpoint for
GetJsonData
method, and the method works...– subudu
Nov 21 at 14:38