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

양식 요소가 많지 않으면 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!