Problem with jQuery post to ASP.NET Core controller

Question

I have gone through this solution on stackoverflow but I couldn't solve my problem.

In HomeController I have a method named as Audit which I want to be posted from /Home/Index page's script through jQuery. The controller looks like:

public class HomeController : Controller
{
  [HttpPost]
  [ValidateAntiForgeryToken]

  public JsonResult Audit([FromBody] JObject jObject)
  {
       if (jObject != null)
       {
           return Json("success");
       }
       return Json("failed");
  }
}

In the /Home/Index pages's javascript file I have tried to post a JSON Object to that Audit in a way like this:

var auditData = {};
$(document).ready(function(){
    var request = $.getJSON('http://www.geoplugin.net/json.gp', function (responseData, status) {
        auditData = {
            Latitude : responseData.geoplugin_latitude,
            Longitude : responseData.geoplugin_longitude
        };

        $.post('Audit', auditData, function (response) {
            console.log(response);
        });
    });
});

I want the auditData object to be posted as JObject in /Home/Audit but something is going wrong. I think there is problem either in controller or, in $.post method. How can I solve this problem?

Have you debugged the request to see what the error is? I can see you're not passing an anti-forgery token, so that attribute will be causing issues if nothing else — Rory McCrossan
– Rory McCrossan, Commented Sep 7, 2019 at 15:12
@RoryMcCrossan Debugging says: Failed to load resource: the server responded with a status of 404 (Not Found) — Shunjid Rahman
– Shunjid Rahman, Commented Sep 7, 2019 at 15:43
There's your first issue then. The 'Audit' path isn't valid. I'd suggest trying '/Home/Audit' — Rory McCrossan
– Rory McCrossan, Commented Sep 7, 2019 at 15:45

David Liang · Accepted Answer · 2019-09-08 05:51:29Z

1

Your post URL is wrong, and you need to name the data you're posting back as jObject as well to match what you defined in your controller.

$.post('@Url.Action("audit", "home", new { area = "" })', { jObject: auditData }, 
  function (response) {
    console.log(response);
});

answered Sep 8, 2019 at 5:51

David Liang

21.6k7 gold badges50 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Edward · Accepted Answer · 2019-09-11 06:12:45Z

There are multiple issues in your current code, check points below one by one:

As the suggestion from Rory, your request url is wrong, which should be Home/Audit
If you post request without antitoken, you should remove [ValidateAntiForgeryToken]
You should post request data with json instead of form data.

Code:

Client

@section Scripts{
    <script type="text/javascript">
        var auditData = {};
        $(document).ready(function(){
                auditData = {
                    Latitude : "l1",
                    Longitude : "l2"
                };
            $.ajax({
                type: 'POST',
                url: 'Home/Audit',
                data: JSON.stringify(auditData),
                success: function(data) { alert('data: ' + data); },
                contentType: "application/json"
            });
        });
    </script>
}

Server:

public class HomeController : Controller
{
    [HttpPost]
    //[ValidateAntiForgeryToken]

    public JsonResult Audit([FromBody]JObject jObject)
    {
        if (jObject != null)
        {
            return Json("success");
        }
        return Json("failed");
    }
}

Collectives™ on Stack Overflow

Problem with jQuery post to ASP.NET Core controller

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related