How do I access to property of class that I get with ajax

Question

0.00/5 (No votes)

See more:

in index.cshtml i use ajax in click event of .removelink to get changes from action controller
As follows :

$(".RemoveLink").click(function () {<br />
                    // Get the id from the link<br />
                    var recordToDelete = $(this).attr("data-id");<br />
                    if (recordToDelete != '' || recordToDelete != null) {<br />
                        // Perform the ajax post                             <br />
                    $.ajax({<br />
                            //contentType: 'application/json',<br />
                            //dataType: 'text',<br />
                            type: 'post',<br />
                            dataType: 'JSON',<br />
                            url: '/ShoppingCart/RemoveFromCart/',<br />
                            data: { id: recordToDelete },<br />
                            success: function (data) {  <br />
                                if (data.ItemCount == 0) {<br />
                                    $('#row-' + data.DeleteId).fadeOut('slow');<br />
                                }<br />
                                else {<br />
                                    $('#item-count-' + data.DeleteId).text(data.ItemCount);<br />
                                }<br />
                                $('#cart-total').text(data.CartTotal);<br />
                                $('#update-message').text(data.Message);<br />
                                $('#cart-status').text('Cart (' + data.CartCount + ')');<br />
                            }<br />
                        });                   <br />
                    }               <br />
                });

and in controller:

<pre>//AJAX: /ShoppingCart/RemoveFromCart/5<br />
        [HttpPost]<br />
        public IActionResult RemoveFromCart(int id)<br />
        {<br />
            //Remove the item from the cart<br />
            var cart = ShoppingCart.GetCart(this.HttpContext);<br />
            // Get the name of the album to display confirmation<br />
            //string albumName = _context.Carts<br />
            //.Single(item => item.RecordId == id).Album.Title;<br />
            Cart cartt = ShoppingCart.getCartForGetalbumName(id);<br />
            // Remove from cart<br />
            int itemCount = cart.RemoveFromCart(id);<br />
            // Display the confirmation message<br />
            var results = new ShoppingCartRemoveViewModel<br />
            {<br />
                Message = HtmlEncoder.Default.Encode(cartt.Album.Title) +<br />
            " has been removed from your shopping cart.",<br />
                CartTotal = cart.GetTotal(),<br />
                //CartCount = cart.GetCount(),<br />
                ItemCount = itemCount,<br />
                DeleteId = id<br />
            };<br />
            return Json(results);     <br />
        }</pre>

but it don't work and the text of the tags doesn't change and fadeOut() doesn't work.
Please help me to resolve my problem which I have been involved for several days

What I have tried:

in index.cshtml i use ajax in click event of .removelink to get changes from action controller, but this don't work

Posted 12-Jan-20 4:29am

Reza kavian

Updated 13-Jan-20 22:55pm

Add a Solution

2 solutions

Solution 1

The biggest help to solving your problem is going to be YOU and using the debuggers available to you to figure out where the breakdown is occurring. There are 2 separate debuggers you can be using:

1. Your browser has a debugger that can help you through javascript, network, and some other errors. You can access this by right-clicking on the page and choosing the "Inspect" option. The questions this can answer are available in the different panes
_a_ Are there errors in your javascript on a fresh page load?
_b_ Does an error occur when you press the button?
_d_ Is a network request made when the button is clicked?
_c_ What response code is returned (if any) when the button is clicked?

2. Visual Studio Debugger. Set up a breakpoint on your controller action and run the application in debug mode. use the F11 key to step through the action and see if all is working well.

That said, your AJAX call does have a success function defined but there are also functions that can be added for failures. I would look into leveraging this to get some feedback on any errors that are being returned

Posted 12-Jan-20 7:18am

MadMyche

Comments

[no name] 12-Jan-20 16:28pm

Thank you for your good guidance. When I send a unit field (eg, a string or an integer) Jason reads it well.
But when I send a class containing some properties (like the example above), its value in the data parameter is problematic.

MadMyche 12-Jan-20 19:22pm

It looks like your controller action wants an integer to be sent to it

[no name] 14-Jan-20 5:00am

I convert results to json type then send it.worked for me

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Reza kavian · Accepted Answer · 2020-01-13T22:55:00

i add The following code to convert data to json in RemoveFromCart controller action:

var resulTtoJson = Newtonsoft.Json.JsonConvert.SerializeObject(results);

and return json type :

[HttpPost]
        public IActionResult RemoveFromCart(int id)
        {
            //Remove the item from the cart
            var cart = ShoppingCart.GetCart(this.HttpContext);
            // Get the name of the album to display confirmation
            //string albumName = _context.Carts
            //.Single(item => item.RecordId == id).Album.Title;
            Cart cartt = ShoppingCart.getCartForGetalbumName(id);
            // Remove from cart
            int itemCount = cart.RemoveFromCart(id);
            // Display the confirmation message
            var results = new ShoppingCartRemoveViewModel
            {
                Message ="محصول"+ cartt.Album.Title +
            "از سبد خریدتان حذف گردید.",
                CartTotal = cart.GetTotal(),
                //CartCount = cart.GetCount(),
                ItemCount = itemCount,
                DeleteId = id
            };
           
            var resulTtoJson = Newtonsoft.Json.JsonConvert.SerializeObject(results);

            return Json(resulTtoJson);

also add the following code in view to convert data to javascript type:

var data =JSON.parse(dataa);

and use it:

$(".RemoveLink").click(function () {
                // Get the id from the link
                var recordToDelete = $(this).attr("data-id");
               // alert(recordToDelete);
                if (recordToDelete != '' || recordToDelete != null) {
                    // Perform the ajax post
                    $.post("/ShoppingCart/RemoveFromCart/", { id: recordToDelete},
                        function (dataa) {
                            // Successful requests get here
                            // Update the page elements
                                 var data =JSON.parse(dataa);

                            if (data.ItemCount == 0) {
                                $('#row-' + data.DeleteId).fadeOut('slow');
                            } else {
                                $('#item-count-' + data.DeleteId).text(data.ItemCount);
                            }
                            $('#cart-total').text(data.CartTotal);
                            $('#update-message').text(data.Message);
                            $('#cart-status').text('Cart (' + data.CartCount + ')');
}
                        });       
           
                }               
            });