내 문제에 대한 답을 찾기 위해 하루 종일 높고 낮게 검색했지만 찾을 수 없습니다. 누군가 내 Ajax 호출에서 입력 필드의 값을 매개 변수로 가져올 수있는 간단한 방법을 제안 해 주시겠습니까? 가능한 경우 @ Ajax.ActionLink 호출로 유지하고 싶습니다. 감사.
<div class="form-group ui-widget">
<input class="form-control" id = "Reference" type = "text" />
</div>
<div>
@Ajax.ActionLink("Select","SelectedReference","Home",
new { reference = ?????????? },
new AjaxOptions
{
HttpMethod = "POST",
UpdateTargetId = "Results",
InsertionMode = InsertionMode.Replace,
OnBegin = "OnBeforeReference",
OnFailure = "OnAjaxError",
OnSuccess = "hideReference"
},
new
{
id = "referenceSelectButton",
@class = "btn btn-success"
})
</div>
Ajax 호출에서 입력 필드의 값을 매개 변수로 가져올 수 있습니까?
아니요, @Ajax.ActionLink
요구 사항을 충족하는 데 사용할 수 없습니다 .
또는를 사용 jQuery
ajax
하여이 작업을 수행 할 수 있습니다 .
간단한 버튼을 사용하십시오.
<button class="btn btn-success" id="referenceSelectButton">Select</button>
그리고 버튼을 클릭하여 jQuery
ajax
모든 작업을 수행하기 위해 요청을 사용하십시오 .
@section Scripts{
<script type="text/javascript">
$('#referenceSelectButton').click(function () {
var referenceVal = $('#Reference').val();
$.ajax('@Url.Action("SelectedReference","Home",new { reference="-1"})'.replace('-1', referenceVal), {
method: 'post',
beforeSend:OnBeforeReference,
success: function (response) {
$('#Results').html(response);
hideReference();
},
error: OnAjaxError,
});
});
</script>
}
@section
jQuery 스크립트 다음에 배치되도록 jquery 스크립트 코드를 내부에 배치했습니다. 이 방법으로 문제가 해결되기를 바랍니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다