ASP .NET 웹 API에 아약스 GET 요청 보내기

Question

다음 ajax 스크립트를 사용합니다.

$.ajax({ 
      dataType: 'json', 
      url: url, 
      data: tuDispId, 
      type: "GET", 
      success: function (data) { 
       bindData(data); 
       $("#alert-placeholder").empty(); 
       $('#alert-placeholder').removeClass('alert alert-danger'); 
      }, 
      error: function (xhr, textStatus, errorThrown) { 
       $('#alert-placeholder').addClass('alert alert-danger'); 
       $('#alert-placeholder').html(errorThrown); 
      } 
     }); 

속성은 웹 API에서 메소드 이전에 라우팅하십시오.

[Route("api/tudisp/Edit/{tuDispId}")] 
     public IHttpActionResult Edit(int tuDispId) 
{ 
} 

아약스의 genarated 요청.

http://localhost:xxxxx/api/tudisp/Edit/?179 

강제로 ajax가 '?'기호를 생성하지 않게하는 방법. by id 매개 변수. 그 어떤 응용 프로그램의 경우

Answer 1

는 아약스 옵션의 url 속성을 변경하는 가장 간단한 방법 ...

$.ajax({ 
    dataType: 'json', 
    url: "http://localhost:xxxxx/api/tudisp/Edit/" + tuDispId, 
    type: "GET", 
    success: function (data) { 
     bindData(data); 
     $("#alert-placeholder").empty(); 
     $('#alert-placeholder').removeClass('alert alert-danger'); 
    }, 
    error: function (xhr, textStatus, errorThrown) { 
     $('#alert-placeholder').addClass('alert alert-danger'); 
     $('#alert-placeholder').html(errorThrown); 
    } 
}); 

GET 매개 변수가 자동으로 잘하는 쿼리 문자열로 URL에 추가된다 예상하고 있지만 라우팅을 그대로 사용하는 것은 아닙니다.

그러나 기존 Ajax 요청을 수정하려면 사전 필터링을 사용할 수 있습니다. 이 예는 다음 난 강력하게 약간의 시간이 만드는 지출 권하고 싶습니다 같은 것을 사용하고 싶다면

$.ajaxPrefilter(function(options, originalOptions, jqXHR) { 
    options.data = ""; // this removes the querystring 
    for (key in originalOptions.data) { 
     options.url = options.url.replace("{" + key + "}", originalOptions.data[key]); 
    } 
}); 

$.ajax({ 
    url: "http://localhost:xxxxx/api/tudisp/Edit/{tuDispId}", 
    data: { 
     "tuDispId": 179 
    } 
}); 

... 데이터 개체에서 지정된 값 {variable} 교체, 아약스 호출의 URL을 수정 더 강력하지만, 원하는 것을 할 수있는 방법의 예입니다.