Can't using ajax call api in dotnet core 3.1?

Question

my class api:

[Route("Api")]
[ApiController]
public class ApiUsersController : ControllerBase
{
    [HttpPost]
    [Route("Users/demo")]
    public ActionResult demo([FromBody]model data)
    {
       return  "OK";
    }
}

my script jquery:

var model = {key: "123"}
$.ajax({
    type: 'POST',
    url: 'Api/Users/demo',
    data: JSON.stringify(model),
    dataType: 'json',
    contentType: 'application/json; charset=utf-8',
    async: true,
    ...
});

I can't call api in project, please help me

how to resold problem

Hi @kai, what is your model design? Does it contains string type property and the property named key? Also, what's the error message you get? F12 in the browser and check the console panel if any error. And check the output panel in visual studio if any error. Pls share with us. — Rena, Feb 07 '23 at 08:00
this api url not found error, when i change url 'Api/Users/demo' to http://localhost:1234/Api/Users/demo ajax works fine — kai, Feb 07 '23 at 08:10
Hi @kai, just for confirmation, do you use two project here? I mean does the script and the api exists in different project? — Rena, Feb 07 '23 at 08:17
Please show the HTTP request that's being issued by your code. You can see it when you open your browser's dev tools (networking tab). — Good Night Nerd Pride, Feb 07 '23 at 08:46
Hi @kai, if you use the different project, of course you need specify the port number... otherwise it will append your current project port number and cannot find this api.. — Rena, Feb 07 '23 at 08:52

SIbghat · Answer 1 · 2023-02-07T09:37:51.560

0

Change public ActionResult demo(model data) To public ActionResult demo( [FromBody] model data)

Works in my case:

edited Feb 07 '23 at 09:37

answered Feb 07 '23 at 08:25

SIbghat

281
3
5

i'm sorry for the lack of fact i added it but still not working – kai Feb 07 '23 at 08:27
what is the response codein browser? – SIbghat Feb 07 '23 at 09:15
1

[Please do not upload images of code/data/errors.](//meta.stackoverflow.com/q/285551) – David Makogon Feb 07 '23 at 13:48

score 0 · Answer 2 · edited Feb 23 '23 at 22:57

0

Change your contentType and try:

var model = {key: "123"}
$.ajax({
    type: 'POST',
    url: 'Api/Users/demo',
    data: model,
    dataType: 'json',
    contentType: 'application/x-www-form-urlencoded',
    //async: true,
    ...
});

edited Feb 23 '23 at 22:57

Moritz Ringler

9,772
9
21
34

answered Feb 20 '23 at 12:02

Elias Hridoy

17
5

Can't using ajax call api in dotnet core 3.1?

2 Answers2