2016-09-26 2 views
-1

저는이 작업에 매우 익숙합니다. 아약스를 사용하여 뷰에서 컨트롤러 함수를 호출하는 것은 제 컨트롤러입니다.mvc의 매개 변수를 사용하는 ajax 호출 함수

public ActionResult EditSiteGetContact(int? id) 

    { 
     if (id == null) 
     { 
      return new HttpStatusCodeResult(HttpStatusCode.BadRequest); 
     } 

     using (var db = SiteUtil.NewDb) 
     { 

      var owner = db.Contacts.Include(o => o.Id).FirstOrDefault(o => o.Id == id); 
      if (owner == null) 
      { 
       return new HttpStatusCodeResult(HttpStatusCode.BadRequest); 
      } 
      var orgViewModel = OrgViewModel.ToViewModel(owner); 
      return View("Edit", orgViewModel); 
     } 
    } 

이 내가 데이터

<div class="form-group" id="alanTest"> 
     <label class="control-label col-md-2">Contact Person</label> 
     <div class="col-md-6 form-inline"> 
     @Html.TextBoxFor(model => model.Owner.Name, new { @class = "form-control", style = "width:200px", type = "text" }) 
     <img src="~/Images/help-icon.png" class="tooltips" id="ContactPerson_Tooltip" title="lol"> 
     @Html.ValidationMessageFor(model => model.Owner.Name) 
     </div> 
</div> 

내 아약스 부분을 표시 할 전망이다 : 나는 "오류"메시지를 받았습니다

$("#alanTest").ready(function(){ 
     var alanURL = "@Url.Action("EditSiteGetContact","Org")"; 
     var contactId = @Model.Org.ContactId; 

     $.ajax({ 
      type:"POST", 
      url:alanURL, 

      data:{ 
       id:contactId 
      }, 
      success:function(data){ 
       alert(data); 
      }, 
      error: function(){ 
       alert("error"); 
      }  

      }); 
    }); 

..

+2

_i "오류"메시지 _ 오류 메시지! –

+0

@StephenMuecke,'alert ("error");'OP 오류 메시지에 대해 얘기하고 있습니다. –

+0

@Div, OP는 브라우저 콘솔에 나타나는 오류를 설명해야합니다. –

답변

0

추가 EditSiteGetContact (int? id) 앞에 [HttpPost] 특성이 있어야합니다.

ajax 함수 변경시
var contactId = @ Model.Org.ContactId; to var contactId = "@ Model.Org.ContactId";

아래 코드를 참조하십시오. 그것은 당신을 도울 수 있습니다.

$("#alanTest").ready(function(){ 
    var alanURL = "@Url.Action("EditSiteGetContact","Org")"; 
    var contactId = "@Model.Org.ContactId"; 

    $.ajax({ 
     type:"POST", 
     url:alanURL, 

     data:{ 
      id:contactId 
     }, 
     success:function(data){ 
      alert(data); 
     }, 
     error: function(){ 
      alert("error"); 
     }  

     }); 
}); 
관련 문제