Sending dynamic boolean model property via AJAX dynamically

Question

Sending dynamic boolean model property via AJAX dynamically

I am facing an issue while passing a property from my model to an AJAX form. The boolean value is resolving as "true/false" and causing problems in the process.

$.ajax({
    url: '/Projects/SearchTable2',
    type: "GET",
    data: {
        sub_num: @Model.SubmissionNumber,
        read_only: @Model.ReadOnly,
    }
});

Model.ReadOnly is resolving to either true or false, leading to an error

Uncaught ReferenceError: False is not defined

upon execution of the code. Is there any workaround for this issue? Or perhaps another method to pass the variable to the Controller method?

javascript ajax asp.net-mvc razor asp.net-ajax

Answer 1

Answer №1

@Model.ReadOnly is displayed as a Capital Boolean (True), however JavaScript does not recognize it, so you need to modify your code as follows:

$.ajax({
    url: '/Projects/SearchTable2',
    type: "GET",
    data: {
        sub_num: @Model.SubmissionNumber,
        read_only: @Model.ReadOnly.ToString().toLowerCase(),
    }
});

Answer 2

@Model.ReadOnly is displayed as a Capital Boolean (True), however JavaScript does not recognize it, so you need to modify your code as follows:

$.ajax({
    url: '/Projects/SearchTable2',
    type: "GET",
    data: {
        sub_num: @Model.SubmissionNumber,
        read_only: @Model.ReadOnly.ToString().toLowerCase(),
    }
});

Answer 3

Answer №2

When the razor engine runs the code within the view, it will display the following code on the browser:

read_only: True,

If @Model.ReadOnly returns a boolean true.

In C#, a boolean value is either True or False, whereas in JavaScript, it is lowercase true or false.

Therefore, when the JavaScript framework of the browser tries to execute this code, it doesn't recognize True as true. Instead, it interprets 'True' as a JavaScript variable which leads to the "True is not defined" error since we haven't declared it earlier!

To resolve this issue, you need to convert the boolean value generated by the C# code into something recognizable by JavaScript. Simply call ToString() and then ToLower() to change True to true

$.ajax({
    url: '/Projects/SearchTable2',
    type: "GET",
    data: {
        sub_num: @Model.SubmissionNumber,
        read_only: @Model.ReadOnly.ToString().ToLower(),
    }
});

Answer 4

When the razor engine runs the code within the view, it will display the following code on the browser:

read_only: True,

If @Model.ReadOnly returns a boolean true.

In C#, a boolean value is either True or False, whereas in JavaScript, it is lowercase true or false.

Therefore, when the JavaScript framework of the browser tries to execute this code, it doesn't recognize True as true. Instead, it interprets 'True' as a JavaScript variable which leads to the "True is not defined" error since we haven't declared it earlier!

To resolve this issue, you need to convert the boolean value generated by the C# code into something recognizable by JavaScript. Simply call ToString() and then ToLower() to change True to true

$.ajax({
    url: '/Projects/SearchTable2',
    type: "GET",
    data: {
        sub_num: @Model.SubmissionNumber,
        read_only: @Model.ReadOnly.ToString().ToLower(),
    }
});

Sending dynamic boolean model property via AJAX dynamically

Answer №1

Answer №2

Similar questions

Simple Way to Modify Color of Active Page Link - HTML, CSS, and JavaScript

Node Webkit: No visible content?

The cause of Interface A improperly extending Interface B errors in Typescript

Utilizing jquery.load to fill out a form following unsuccessful validation with ajax in CodeIgniter

How to Target HTML Tags Locally using CSS Modules in Next.js?

The variable from AJAX is not being displayed in PHP

How can I extract data from [Object object] in Node.js?

Encountering a TypeError while trying to run Pythonshell on my Mac device

How can I add text to a textbox within a duplicated div using Javascript or Jquery?

Check for the presence of an Outlook add-in within a web application

Tips for excluding specific codes from running in BeforeAll for a specific Describe() block in Jasmine

Easily validating forms using javascript

Having difficulties updating a value in Angular through a function written in HTML- it refuses to update

Tips on adding line breaks after periods that are not at the end of a sentence in HTML text nodes with regular expressions

Updating the value of a MongoDB item two days after its creation

What is the best way to access the second item using getByRole in React Testing Library when there is no specific name?

Generate an array using the properties of an object

Locate the child element that has a particular class assigned to it

Setting the state based on Promise values within a loop

What is the process of incorporating HTML into a jQuery program in order to immerse the world in an element?