Ajax调用在服务器上不起作用

Question

I have following code in my Javascript file:

$.getJSON("/ProductMatrix/LocationList/" + $("#categoryTypeFilter > option:selected").attr("value"),
  function (data) {
    var items = "<option> Default  </option>";
    $.each(data,
      function (i, location) {
        items += "<option value=' " + location.Value + "'>" + location.Text + "</option>";
      });
    $("#captureLocationFilter").html(items);
  });

"/ProductMatrix/LocationList/" is controller/action but its not working on server, however it does work on Local machine. Looks like there is problem with url, as this path may not be existing on server. Can someone help me on it.

When I try Url.Action my external javascript file is not happy.

Answer 1

My wild guess is that you are getting a 404 error. Check your browser console.

One suggestion is, do not hard code the url to your action method like that. Always try to use the html helper methods like Url.Action or Url.RouteUrl to build the correct relative url to your action method.

var url="@Url.Action("LocationList","ProductMatrix")";
var v=$("#categoryTypeFilter > option:selected").attr("value");
//update the url (add ? as needed) according to how your server expects the url params
$.getJSON(url + v , function (data) {              
             //do something with data    
});

This will work fine if your javascript code is inside a razor view, If it is inside an external javascript file, use the solution explained in this answer .