Ajax call Into MVC Controller- Url Issue

Question

I ve looked at the previously-posted jQuery MVC questions and haven t found a workable answer   I have the following JavaScript code     ajax    type   POST    url    Url Action  Search   Controller      data    queryString      searchVal          contentType   application json  charset utf-8    dataType   html    success  function  data     alert  here    data d toString              When calling the Url the post looks like     NetworkError  500 Internal Server Error -  lt a href  http   localhost Web Navigation  Url Action  22Search 22  22Chat 22   gt  lt  a gt     Could someone please explain to me why does it return it like this   the logic behind it   and offer me a valid solution  Thanks in advance  P S   Additional Information   22 is the URL Encoding Reference for  lt  lt     character

User · Answer

A good way to do it without getting the view involved may be:

$.ajax({
    type: "POST",
    url: '/Controller/Search',
    data: { queryString: searchVal },
    success: function (data) {
      alert("here" + data.d.toString());
    }
});

This will try to POST to the URL:

"http://domain/Controller/Search (which is the correct URL for the action you want to use)"

User · Answer

starting from mihai-labo s answer  why not skip declaring the requrl variable altogether and put the url generating code directly in front of  url    like       ajax       type   POST       url    Url Action  Action    Controller   null  Request Url Scheme  null        data    queryString      searchVal             contentType   application json  charset utf-8       dataType   html       success  function  data            alert  here    data d toString

User · Answer

you have an type error in example of code  You forget curlybracket after success    ajax    type   POST    url    Url Action  Search   Controller      data    queryString      searchVal          contentType   application json  charset utf-8    dataType   html    success  function  data         alert  here    data d toString

User · Answer

Simple way to access the Url Try this Code     ajax        type   POST         url    Controller Search         data    queryString      searchVal              contentType   application json  charset utf-8        dataType   html        success  function  data         alert  here    data d toString

User · Answer

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

User · Answer

Starting from Rob s answer  I am currently using the following syntax Since the question has received a lot of attention I decided to share it with you    var requrl     Url Action  Action    Controller   null  Request Url Scheme  null        ajax      type   POST      url  requrl     data    queryString      searchVal            contentType   application json  charset utf-8      dataType   html      success  function  data       alert  here    data d toString

[javascript] Ajax call Into MVC Controller- Url Issue

Examples related to javascript

Examples related to jquery

Examples related to ajax

Examples related to asp.net-mvc-3