Cuộc gọi JQuery Ajax cho lỗi 404 'Không tìm thấy tài nguyên' nhưng lệnh gọi URL thông thường là Fine

Question

Tôi gặp sự cố lạ khi sử dụng cuộc gọi JQuery trong dự án ASP.NET MVC của mình. Tôi thấy rằng cuộc gọi Ajax cho 404 (lỗi tài nguyên không tìm thấy). Nhưng khi tôi sử dụng cuộc gọi GET URL thông thường, tôi có thể gọi thành công máy chủ mà không gặp bất kỳ sự cố nào. Bất kỳ ý tưởng tại sao điều này là như vậy?

này mã ASP.NET MVC của tôi

public class ViewRecordController: Controller 
{ 
    public JSONResult GetSoftwareChoice(string username) 
    { 
    return Json(username); 
    } 
} 

Đây là mã JQuery tôi:

$(function() { 
$("#username").click(function() { 
     $.getJSON("ViewRecord/GetSoftwareChoice", {username:'123'}, 
    function(data) { 
     alert(data); 
    }); 
    }); 
}); 

Trên đây JQuery mang lại cho tôi một lỗi 404. Rõ ràng là không tìm thấy ViewRecord/GetSoftwareChoice trên máy chủ, khi có liên quan đến cuộc gọi AJAX.

Nhưng nếu tôi gõ này trong trình duyệt web của tôi:

http://myapp/ViewRecord/GetSoftwareChoice?username=123 

thì không có vấn đề.

Điều này thật kỳ lạ.

Chỉ trong trường hợp nếu bạn quan tâm, đây là con đường của tôi:

public static void RegisterRoutes(RouteCollection routes) 
{ 
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 

    routes.MapRoute(
     "Default",            // Route name 
     "{controller}/{action}/{id}",       // URL with parameters 
     new { controller = "Home", action = "Index", id = "" } // Parameter defaults 
    ); 

} 

Edit: Tôi bước vào mã của tôi, và thấy rằng các cuộc gọi URL là ViewRecord/GetSoftwareChoice?username=123.

câu hỏi liên quan: Select Element inside Form not working in JQuery

Answer 1

tôi khắc phục vấn đề này bằng cách sử dụng Firebug để cho tôi yêu cầu được tạo ra bởi JQuery.Để kinh ngạc của tôi, url tạo là

http://localhost/ViewRecord/ViewRecord/GetSoftwareChoice?username=123 

cho cuộc gọi JSON:

$(function() { 
$("#username").click(function() { 
     $.getJSON("ViewRecord/GetSoftwareChoice", {username:'123'}, 
    function(data) { 
     alert(data); 
    }); 
    }); 
}); 

Vì vậy, tôi chỉ phải thay đổi dòng $.getJSON để

$.getJSON("GetSoftwareChoice", {username:'123'}, 

Ngoài ra, sử dụng dấu gạch chéo :

$.getJSON("/ViewRecord/GetSoftwareChoice", {username:'123'}, 

Answer 2

Thay vì cứng mã hóa URL, bạn có thể muốn thử một UrlHelper:

$(function() { 
    $("#username").click(function() { 
     var url = '<%= UrlHelper.Action("GetSoftwareChoice", "ViewRecord") %>'; 
     $.getJSON(url, {username: '123'}, function(data) { 
      alert(data); 
     }); 
    }); 
}); 

Answer 3

Sử dụng Firefox Firebug thêm vào, và xem những gì yêu cầu được thực hiện bằng Jquery. ..

Có thể trang Jquery này chạy trong thư mục con, trong trường hợp đó, yêu cầu sẽ không phải là gốc tương đối vì url được nhập là http://myapp/ "?

Ngoài ra, tôi đoán mã bạn đã chỉ định ở trên không thực sự là mã bạn đang sử dụng (điều này hoàn toàn hợp lý, tôi đăng mã một cách thẳng thắn). Bởi vì

$.getJSON("ViewRecord/GetSoftwareChoice", {username='123'}, 

dấu = giữa tên người dùng và '123' không hợp lệ JS theo như tôi biết. Vì vậy, tôi cá cược có một số chi tiết ngốc nghếch trong mã thực sự gây ra vấn đề.

Answer 4

Thay thế dấu bằng với một dấu hai chấm:

$(function() { 
$("#username").click(function() { 
     $.getJSON("ViewRecord/GetSoftwareChoice", {username:'123'}, 
    function(data) { 
     alert(data); 
    }); 
    }); 
}); 

Answer 5

$(function() { 
    $("#username").click(function() { 
     $.getJSON('<%= Url.Action("GetSoftwareChoice", "ViewRecord")%>',{username: '123'}, function(data) { 
      alert(data); 
     }); 
    }); 
}); 

Answer 6

Tôi cũng gặp vấn đề tương tự. Sau khi sử dụng Firebug như Graviton đã làm, tôi thấy rằng con đường của tôi đã rất lạc quan nên tôi đã thay đổi nó thành tên hành động của tôi. Get_OrderLine là tên của hành động của tôi trong bộ điều khiển của tôi. inv_item_id là thông số được truyền cho hành động của bộ điều khiển.

// Update OrderLine data by returning a JSON result 
$('#itemsddl').click(function (e) { 
    var selectedItem = $(this).val(); 
    var actionURL = "Get_OrderLine"; 
    var d = "inv_item_id=" + selectedItem; 
    var uom = $('#uom'); 
    var size = $('#size'); 
    var unitLbs = $('#unitLbs'); 
    var totalLbs = $('#totalLbs'); 
    var shipName = $('#shipName'); 
    var hazardClass = $('#hazardClass'); 
    var unnaNo = $('#unnaNo'); 
    var packingGroup = $('#packingGroup'); 
    var placard = $('#placard'); 
    var ergNo = $('#ergNo'); 
    $.ajax({ 
     cache: false, 
     type: 'GET', 
     url: actionURL, 
     data: d, 
     datatype: JSON, 
     success: function (data) { 
      uom.val(data.uom); 
      size.val(data.size); 
      unitLbs.val(data.unitLbs); 
      totalLbs.val(data.totalLbs); 
      shipName.val(data.shipName); 
      hazardClass.val(data.hazardClass); 
      unnaNo.val(data.unnaNo); 
      packingGroup.val(data.packingGroup); 
      placard.val(data.placard); 
      ergNo.val(data.ergNo); 
     }, 
     error: function (xhr, ajaxOptions, thrownError) { 
      alert('Failed to query item - ' + thrownError + "\n" + "Full details: " + xhr.responseText); 
     } 
    }); 
    e.preventDefault(); 
}); 

Đây là hành động của tôi mà trả về một kết quả JSON để jQuery tôi. Hàm jQuery sau đó xử lý ánh xạ từ JSON sang HTML. Không phải là rất đẹp, nhưng nó hoạt động.

public ActionResult Get_OrderLine(int? inv_item_id) 
{ 
    HazmatInfoItem item = new HazmatInfoItem(); 
    item.itemId = "0"; 
    item.size = "0"; 
    item.unitLbs = 0; 
    item.qty = 0; 
    item.totalLbs = item.qty * item.unitLbs; 
    item.shipName = ""; 
    item.hazardClass = ""; 
    item.unnaNo = ""; 
    item.packingGroup = ""; 
    item.placard = ""; 
    item.ergNo = ""; 

    var items = from i in hazmatRepository.GetAllItems() 
       select i; 

    // Get item details 
    items = items.Where(i => i.INV_ITEM_ID.Contains(inv_item_id.ToString())); 

    foreach (var i in items) 
    { 
     item.uom = i.UNIT_MEASURE_STD; 
     item.size = i.INV_ITEM_SIZE; 
     item.unitLbs = 1; 
     item.totalLbs = item.unitLbs * item.qty; 
     item.shipName = i.PAG_SHIPPING_NAME; 
     item.hazardClass = i.HAZ_CLASS_CD; 
     item.unnaNo = i.MSDS_ID; 
     item.packingGroup = i.PACKING_CD; 
     item.placard = i.PAG_PLACARD_TYPE; 
    } 

    return Json(item, JsonRequestBehavior.AllowGet); 
} 

Tôi đã thêm một tuyến đường mới để cố gắng xử lý điều này, nhưng đã nhận xét nó để cho phép định tuyến mặc định.

Hy vọng rằng các giải pháp này có thể giúp người khác có vấn đề tương tự khi cố gắng sử dụng .ajax với jQuery và MVC.

Answer 7

Cũ chức năng:

function Chart() { 

    var url = "../Home/Pie/"; 
    $.ajax({ 
     url: url, 
     data: {}, 
     cache: false, 
     type: "POST", 
     success: function (data) { 
      var chartData = data; 
      createChart(chartData); 
      $(document).bind("kendo:skinChange", createChart); 
     }, 
     error: function (xhr, status, error) { 
      $('#alertdialog').html(status); 
      $('#alertdialog').dialog('open'); 
      return false; 
     } 
    }); 
} 

Đáp: var url = "Home/Pie/"; Đã xóa ../ khỏi url