JQUERY ajax passing value from MVC View to Controller

by

Try using the data option of the $.ajax function. More info here.

$('#btnSaveComments').click(function () {
    var comments = $('#txtComments').val();
    var selectedId = $('#hdnSelectedId').val();

    $.ajax({
        url: '<%: Url.Action("SaveComments")%>',
        data: { 'id' : selectedId, 'comments' : comments },
        type: "post",
        cache: false,
        success: function (savingStatus) {
            $("#hdnOrigComments").val($('#txtComments').val());
            $('#lblCommentsNotification').text(savingStatus);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            $('#lblCommentsNotification').text("Error encountered while saving the comments.");
        }
    });
});

More Related Contents:

  1. How can I convince IE to simply display application/json rather than offer to download it?
  2. jQuery ajax upload file in asp.net mvc
  3. Send JSON data via POST (ajax) and receive json response from Controller (MVC)
  4. Ajax.BeginForm in MVC to upload files
  5. Mvc Jquery Ajax Post returns null
  6. Use ASP.NET MVC validation with jquery ajax?
  7. How to render partial view in MVC5 via ajax call to a controller and return HTML
  8. How to Call Controller Actions using JQuery in ASP.NET MVC
  9. How do I pass a Dictionary as a parameter to an ActionResult method from jQuery/Ajax?
  10. jquery with ASP.NET MVC – calling ajax enabled web service
  11. File upload using MVC 4 with Ajax
  12. Populate Select box options on click with Javascript/Jquery with Json data
  13. How to export all rows from Datatables using Ajax?
  14. MS MVC form AJAXifying techniques [closed]
  15. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  16. Using jQuery’s $.ajax within an angularJS controller
  17. Jquery post and unobtrusive ajax validation not working mvc 4
  18. Pass array to ajax request in $.ajax() [duplicate]
  19. Pass request headers in a jQuery AJAX GET call
  20. jQuery posting valid json in request body
  21. Update div with jQuery ajax response html
  22. Unable to set data attribute using jQuery Data() API
  23. How do I know if jQuery has an Ajax request pending?
  24. Check if username exists in database with AJAX
  25. jQuery ajax request being block because Cross-Origin
  26. How to create cascading drop-down list
  27. Simple jQuery Ajax call leaks memory in Internet Explorer
  28. JQuery .load() callback function
  29. jQuery Deferred – getting result of chained ajax calls
  30. Stop $.ajax on beforeSend

Leave a Comment