Ajax에서 JS 코드를 통해 양식 요소 값을 자동으로 가져오는 샘플 코드

亚连
풀어 주다: 2018-05-25 15:33:09
원래의
1422명이 탐색했습니다.

양식 요소가 많지 않으면 GET을 사용하여 양식 요소 값을 가져오는 경우가 많습니다. 그러나 양식 요소가 많으면 양식 요소 값을 가져오기 위해 POST를 사용해야 합니다. ?

Ajax를 사용할 때 일반적으로 양식 요소 값을 얻은 다음 처리를 위해 이를 백그라운드 서버측 프로그램으로 보내야 합니다. 양식 요소가 많지 않으면 GET을 통해 양식 요소 값을 가져오는 경우가 많습니다. 그러나 양식 요소가 많으면 양식 요소 값을 가져오기 위해 POST를 사용해야 합니다. 다음은 양식 요소의 값을 자동으로 얻을 수 있는 JS 코드입니다.

function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号
{
var frmID=document.getElementById(frmID);
var i,queryString = "", and = "";
var item;
var itemValue;
for( i=0;i<frmID.length;i++ )
{
item = frmID[i];
if ( item.name!=&#39;&#39; )
{
if ( item.type == &#39;select-one&#39; )
{
itemValue = item.options[item.selectedIndex].value;
}
else if ( item.type==&#39;checkbox&#39; || item.type==&#39;radio&#39;)
{
if ( item.checked == false )
{
continue; 
}
itemValue = item.value;
}
else if ( item.type == &#39;button&#39; || item.type == &#39;submit&#39; || item.type == &#39;reset&#39; || item.type == &#39;image&#39;)
{
continue;
}
else
{
itemValue = item.value;
}
itemValue = escape(itemValue);
queryString += and + item.name + &#39;=&#39; + itemValue;
and="&";
}
}
return queryString;
}
로그인 후 복사

호출 방법: 위의 JS 함수를 Ajax에서 직접 호출하여 양식에 있는 모든 요소의 값을 가져옵니다.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

AJAX 기본 튜토리얼: 처음으로 AJAX 알아보기

AJAX 캡슐화 클래스 사용 가이드

Ajax의 브라우저와 서버 상호 작용에 대한 자세한 설명

위 내용은 Ajax에서 JS 코드를 통해 양식 요소 값을 자동으로 가져오는 샘플 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿