2013-11-28 3 views
2

3 개의 필드와 제출 버튼이있는 검색 양식을 표시하는 페이지가 있습니다. 사용자가 제출을 클릭하면 아약스 호출을하고 데이터를 가져온 다음 페이지의 아래쪽 절반을 채 웁니다. 아약스 호출을 사용하고 있다면 태그를 사용하여 양식을 만들겠습니까? 당신이 볼 수있는아약스 제출시 클릭 제출시 양식이 필요합니까?

<H2> Search Options</H2> 
<DIV ID="searchform" class=""> 
     <input type='text' id='id'></input> 
     <input type='text' id='firstname'></input> 
     <input type='text' id='lastname'></input> 
        <input type='button' id='submit'></input> 
</DIV> 

, 나는 후 '속성 세트 태그가 없습니다 : 그래서 예를 들어, 여기에 몇 가지 샘플 HTML입니다. ajax를 사용하는 동안 양식 태그를 포함해야하는지/포함해서는 안되는지 말해 줄 수 있습니까? 감사합니다. . 당신이 버튼을 클릭 이벤트에 Ajax 호출, <form />를 사용하여 다음 필요없이 처리하는 경우

+0

큰 질문! 나는 똑같은 것을 궁금해하고 있었다. 내 웹 사이트에 제출할 Ajax 게시 요청을 작성 중입니다. Form에 있어야하는 매개 변수를 HTML 태그가 둘러싸고 있는지 궁금합니다. 이것은 그것을 완벽하게 대답했다. – Ninja

답변

2

아무 문제가 없습니다.

유일한 문제는 사용자가 JavaScript를 사용할 수없는 경우에 발생합니다. 그러면 귀하의 양식은 어떻게 행동 할 것입니까?

+0

좋은 지적. 나는 그것에 대해 완전히 잊었다. 내 경우에는 사용자 환경을 제어 할 수 있습니다.이 환경은 기업 환경이기 때문에 가능합니다. 그러나 ... 그럼에도 불구하고, 내가 생각하지 않은 것. 알리미 주셔서 감사합니다. 그래서 만약 내가 그것을 총알 증명하고 싶다면, 나는 폼을 추가해야하고 jscript를 통해 폼의 submit 버튼의 기본 동작을 변경 한 다음 아약스를 거기에서 수행해야합니까? 그들이 jscript를 끄면 javscript가 검색 결과를 반복하고 페이지에 표시되기 때문에이 모든 것은 폭탄입니다. – dot

+0

JavaScript가 강제 실행되면 양식이 반드시 필요한 것은 아닙니다. 그러나 들어가는 것이 좋습니다! – user1886419

1

* 가정 자바 스크립트는 클라이언트의 브라우저

에 사용할 수 있습니다.

document.getElementByID 또는 다른 메커니즘 (JQuery 선택기)을 사용하여 각 필드를 자바 스크립트로 가져올 수 있기 때문에. 또한 Ajax 호출은 수동으로 작성하므로 <form />의 사용을 피할 수 있습니다.

<form />을 사용하면 html 페이지에 몇 바이트의 오버 헤드가 추가됩니다.이 경우 <form/>을 사용하는 다른 이점은 없으며 버튼 클릭 이벤트에서 ajax 호출을 처리하는 경우 입니다.

+0

예. 그게 내가하고있는 일이야. 나는 양식을 사용하는 사람들의 다른 예를 보았고 폼 제출 이벤트에 그들은 자바 스크립트 함수를 실행했다. 어떤 의견이 더 좋은지? – dot

+0

제안 사항은 .post로 모든 것을 수동으로 처리하는 경우

을 사용하지 마십시오. 페이지에 대한 추가 오버 헤드를 피하고 사용자가 페이지를 더 빨리로드 할 수 있습니다. 몇 바이트를 돌보는 것은 대규모 응용 프로그램에서도 중요합니다. :) –

+0

감사합니다. Ravi. +1 당신도! – dot