Utilizing GUID model binding within ASP.NET MVC

Question

Utilizing GUID model binding within ASP.NET MVC

Can someone please assist me in resolving this issue? I've been struggling to find the solution and it seems like there's something obvious that I'm missing...

The problem I am facing involves sending a GET request from my JavaScript code, where the URL includes a Guid. However, the ASP.NET controller is not responding or registering the request to the API.

I have tried various approaches, but here is my current JavaScript code and Controller setup:

        function fetchConversation(contactId) {
            $.get("/contact/conversations", { contactId: contactId })
                .done(function(response) {
                       let chatData = response.data || [];
                       displayChat(chatData);
                });
        }

and...

    [Route("contact/conversations")]
    public JsonResult ConversationWithContact(Guid? contactId)
    {

      ... //this part is not being triggered

    }

Every time I attempt to run the script, I encounter this error message:

https://i.sstatic.net/SPN1q.png

I am unsure about how to correctly bind the Guid so that it can be received by the ASP.NET Controller. Any suggestions would be highly appreciated! Thank you and have a wonderful day!

javascript c#asp.net ajax asp.net-mvc

Answer 1

Answer №1

Modify your path to the following:

[Route("~/contact/conversations/{id}")]
public JsonResult ConversationWithContact(string id)
    {

      if(!string.IsNullOrEmpty(id)){

   var contactId= new Guid (id);
      ... //this section is not being accessed
} 

    }

and update your ajax request:

function getChat( contact_id ) {
            $.get("/contact/conversations/"+contact_id)
                .done( function(resp) {
                       let chat_data = resp.data || [];
                       loadChat( chat_data );
                });
        }

however, if you are using an older version of MVC and attribute routing doesn't work for you, consider this approach:

function getChat( contact_id ) {
            $.get("/contact/ConversationWithContact/"+contact_id)
                .done( function(resp) {
                       let chat_data = resp.data || [];
                       loadChat( chat_data );
                });
        }

Answer 2

Modify your path to the following:

[Route("~/contact/conversations/{id}")]
public JsonResult ConversationWithContact(string id)
    {

      if(!string.IsNullOrEmpty(id)){

   var contactId= new Guid (id);
      ... //this section is not being accessed
} 

    }

and update your ajax request:

function getChat( contact_id ) {
            $.get("/contact/conversations/"+contact_id)
                .done( function(resp) {
                       let chat_data = resp.data || [];
                       loadChat( chat_data );
                });
        }

however, if you are using an older version of MVC and attribute routing doesn't work for you, consider this approach:

function getChat( contact_id ) {
            $.get("/contact/ConversationWithContact/"+contact_id)
                .done( function(resp) {
                       let chat_data = resp.data || [];
                       loadChat( chat_data );
                });
        }

Utilizing GUID model binding within ASP.NET MVC

Answer №1

Similar questions

implementing one active line item at a time in Vue

Error encountered during Jest snapshot testing: Attempting to destructure a non-iterable object which is invalid

The parent div of the clicked hyperlink is not displaying the ajax response

Delete any HTML content dynamically appended by AJAX requests

Click to load an IFRAME upon clicking

Divide JSON information into distinct pieces utilizing JQuery

After implementing ajax jQuery with Laravel 10, this page is experiencing technical difficulties

Extracting the value of an attribute from an XML element and converting it into an HTML unordered list with

On successful completion of the $.post request, hide a group of div elements with a fade-out

Navigating through each segment

Angular has the ability to round numbers to the nearest integer using a pipe

When working with Angular 2 and Typescript, a common error message that may be encountered is "TypeError

"Using only JavaScript to target and manipulate child elements within the

Having trouble getting the JavaScript function to run when clicking a button inside a div or form?

Original: Default Sharepoint 2010 TabsRewritten: Share

New navigation menu changes as user scrolls

Angularfire2: Access Denied Error When User Logs Out

Creating a Map in TypeScript from an Array

What is the best way to create a dynamic textbox or label within a specific div class?

Error alert: TypeScript typings issue - Naming conflict with Promise / Failure to locate name Promise