Ajax call Into MVC Controller- URL Issue

by

In order for this to work that JavaScript must be placed within a Razor view so that the line

@Url.Action("Action","Controller")

is parsed by Razor and the real value replaced.

If you don’t want to move your JavaScript into your View you could look at creating a settings object in the view and then referencing that from your JavaScript file.

e.g.

var MyAppUrlSettings = {
    MyUsefulUrl : '@Url.Action("Action","Controller")'
}

and in your .js file:

$.ajax({
    type: "POST",
    url: MyAppUrlSettings.MyUsefulUrl,
    data: "{queryString:'" + searchVal + "'}",
    contentType: "application/json; charset=utf-8",
    dataType: "html",
    success: function (data) {
        alert("here" + data.d.toString());
    }
});

or alternatively look at levering the framework’s built in Ajax methods within the HtmlHelpers which allow you to achieve the same without “polluting” your Views with JS code.

More Related Contents:

  1. Difference between .ajaxSubmit() vs .submit()
  2. jQuery Ajax POST example with PHP
  3. jQuery load more data on scroll
  4. how to bypass Access-Control-Allow-Origin?
  5. How to generate a simple popup using jQuery
  6. jQuery has deprecated synchronous XMLHTTPRequest
  7. How to set value of input text using jQuery
  8. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  9. Access denied to jQuery script on IE
  10. How to upload a file using jQuery.ajax and FormData
  11. My javascript is returning this error: $.ajax is not a function
  12. Catching 302 FOUND in JavaScript
  13. JQuery Ajax – How to Detect Network Connection error when making Ajax call
  14. AJAX jQuery refresh div every 5 seconds
  15. Ajax jquery success scope
  16. cross-origin ‘Authorization’-header with jquery.ajax()
  17. Rails flash notice via ajax
  18. How do I abort image load requests without using window.stop()
  19. jQuery AJAX polling for JSON response, handling based on AJAX result or JSON content
  20. JQuery Ajax Post results in 500 Internal Server Error
  21. JQuery $.ajax() post – data in a java servlet
  22. values not updated after an ajax response
  23. Using jQuery AJAX to download a binary file
  24. How to post an image in base64 encoding via .ajax?
  25. Upload file to my google drive with Google Apps Script (NO FORM IN GOOGLE)
  26. jQuery DataTables “No Data Available in Table”
  27. jQuery $.ajax(), pass success data into separate function
  28. How to submit checkboxes from all pages with jQuery DataTables
  29. creating highchart with ajax json data
  30. Python Flask Cors Issue

Leave a Comment