2012-04-17 5 views
0

jquery로 양식을 제출할 수 있으며 데이터를 설정하지 않아도됩니다.Jquery ajax 데이터를 지정하지 않고 양식을 제출

즉. 나는 다음과 같은 형식

<% using (Html.BeginForm("Search", "DrawingWindow", FormMethod.Get, new {id="DrawingSearch"})) 
    { %> 
    <div> 
     <%: Html.LabelFor(m=> m.DrawingNumberName, new {@class="dark_blue"}) %> 
    </div> 
    <div> 
     <%: Html.TextBoxFor(m=> m.DrawingNumberName)%> 
     <%: Html.Submit("Search") %> 
    </div> 
<% } %> 

을하고 난 다음과 같은 것을 할 싶습니다 : 이제

$('#drawingSearch').submit(function (e) { 
      e.preventDefault(); 

      $ajax({ 
       url: '<%:Url.Action("Search", "PID") %>', 
       type: 'GET', 
      }) 
    }); 

를 내가 여기에 데이터를 지정 havent 한 이후 나는 늘 아약스에서 보낼 수있는 텍스트 상자를 생각한다 요청, 텍스트 상자에 ID를 부여하고 요청의 일부로 보낼 데이터 개체를 만들 필요없이이를 포함 할 수있는 방법이 있습니까?

+0

를 텍스트 상자하는 id을 설정하지 않고 $('textarea').val()를 사용하여 값을 잡을 수는이 조금 설명해주십시오 수 있습니다 "데이터 개체를 만들". –

+0

왜 ajaxly 양식을 제출하지 않으십니까? – fengd

답변

0

양식 태그 안에 넣고 jquery serialize 함수를 사용할 수 있습니다.

$('#drawingSearch').submit(function (e) { 
    e.preventDefault(); 

    var data = $('#myForm').serialize(); 

    $ajax({ 
     url: '<%:Url.Action("Search", "PID") %>', 
     data: data, 
     type: 'GET', 
    }) 
}); 

는 이러한 방법으로, 당신은 당신이 원하는대로 형태로 내부에 많은 입력 필드를두고, 자바 스크립트/jQuery 코드를 변경할 필요가 없습니다.

0

또는

$ajax({ 
     url: '<%:Url.Action("Search", "PID") %>', 
     data: 'textVal='+$('textarea').val(), 
     type: 'GET', 
    }) 
관련 문제