Chức năng thành công AJAX trên máy chủ

Question

Điều này hoạt động trên máy tính của tôi, nhưng không hoạt động trên máy chủ sản xuất. Tôi đang cố gắng để cập nhật một số divs với ajax, nhưng họ không được cập nhật, mặc dù các bộ phận khác làm việc tốt. Tôi đang sử dụng IIS 6 trên máy chủ. Khi tôi gỡ lỗi mã này ở phía máy chủ bằng firebug, nó không nhấn bất kỳ điểm ngắt nào tôi thêm vào hàm thành công.

Script:

function updateServiceInfo(nodeId) { 
     var id = { id: nodeId }; 
     $.ajax({ 
      url: '/ServiceInfo/ServiceInfoPartial', 
      type: 'GET', 
      data: id, 
      dataType: 'html', 
      success: function (data) { 
       $('#serviceInfoContent').html(data); 
      }, 
    error: function (request, error) { 

    } 
     }); 
    } 

Bộ điều khiển:

public class ServiceInfoController : Controller 
    { 
     public ActionResult ServiceInfo() 
     { 
      return PartialView("ServiceInfo"); 
     } 

     public ActionResult ServiceInfoPartial(string id) 
     { 
      return PartialView("ServiceInfoPartial"); 
     } 
    } 

Xem:

serviceinfopartial

@model string 
<p> 
    Немає опису</p> 

serviceinfo

<div id="serviceInfo"> 
    <div id="ContainerPanel" class="ContainerPanel"> 
     <div id="serviceInfoHeader" class="collapsePanelHeader"> 
      <div id="dvHeaderText" class="HeaderContent"> 
       Опис сервісу</div> 
      <div id="dvArrow" class="ArrowClose"> 
      </div> 
     </div> 
     <div id="serviceInfoContent" class="serviceInfoContent"> 

     </div> 
    </div> 
</div> 

Câu trả lời được trả về trong giao diện điều khiển là

GET http://localhost/Managers/GetManagers?nodeId=563344 404 Not Found 42ms 

Answer 1

Ahhhhhhhhhhhhhh, một url hardcoded:

url: '/ServiceInfo/ServiceInfoPartial', 

Never url hardcode như thế này trong một ứng dụng ASP.NET MVC.

Luôn giúp việc sử dụng url để tạo ra chúng:

url: '@Url.Action("ServiceInfoPartial", "ServiceInfo")', 

hoặc nếu điều này là trong một tập tin javascript riêng biệt, nơi bạn không thể sử dụng những người giúp đỡ url chỉ cần sử dụng HTML5 đĩa dữ liệu * thuộc tính trên một số phần tử DOM:

<div id="serviceInfo" data-url="@Url.Action("ServiceInfoPartial", "ServiceInfo")"> 
... 
</div> 

và sau đó trong javascript của bạn chỉ đơn giản là:

url: $('#serviceInfo').data('url'), 

Lý do mã của bạn không hoạt động khi bạn lưu trữ nó trong IIS là bởi vì trong IIS bạn có thể lưu trữ ứng dụng của bạn trong một thư mục ảo để url chính xác không còn là /ServiceInfo/ServiceInfoPartial nhưng là /YourAppName/ServiceInfo/ServiceInfoPartial. Đó là lý do tại sao bạn không bao giờ nên mã hóa bất kỳ url nào và sử dụng những người trợ giúp để tạo chúng => đó là vì những người trợ giúp xử lý các trường hợp này. Một lợi ích khác của việc sử dụng trợ giúp là nếu sau này bạn quyết định thay đổi bố cục tuyến đường của mình trong Global.asax, bạn sẽ không cần sửa đổi tất cả các tệp javascript của mình, v.v ... Quản lý url của bạn được tập trung ở một vị trí duy nhất.

Answer 2

này làm việc cho tôi, nhưng chỉ được thử nghiệm trong Chrome 53:

Tạo một số biến phạm vi toàn cầu trong file .cshtml bạn, chỉ cần lưu tâm về các vấn đề phạm vi và cung cấp cho các biến của bạn tên duy nhất.

<script> 
    globalUrl = '@Url.Action("ServiceInfoPartial", "ServiceInfo")'; 
</script> 

Sau đó tham khảo tập tin js của bạn ...

<script type="text/javascript" src="yourJsFile.js"></script> 

Bên yourJsFile của bạn.js:

url: globalUrl,