Heim >Web-Frontend >js-Tutorial >Erhalten Sie Formularelementwerte automatisch über JS-Code in Ajax

Erhalten Sie Formularelementwerte automatisch über JS-Code in Ajax

不言
不言Original
2018-07-02 16:08:341584Durchsuche

Dieser Artikel stellt hauptsächlich die automatische Erfassung von Formularelementwerten durch JS-Code in Ajax vor. Jetzt kann ich ihn mit Ihnen teilen.

Wenn es so ist Es gibt nicht viele Formularelemente. Wir verwenden häufig GET, um Formularelementwerte abzurufen. Wenn jedoch viele Formularelemente vorhanden sind, müssen wir POST verwenden, um Formularelementwerte abzurufen.

Wir sind es Hier Wenn Sie Ajax verwenden, müssen Sie normalerweise den Wert des Formularelements abrufen und ihn dann zur Verarbeitung an das serverseitige Hintergrundprogramm senden. Wenn nicht viele Formularelemente vorhanden sind, verwenden wir häufig GET, um die Formularelementwerte abzurufen. Wenn jedoch viele Formularelemente vorhanden sind, müssen wir POST verwenden, um die Formularelementwerte abzurufen. Das Folgende ist ein JS-Code, der den Wert des Formularelements automatisch abrufen kann.

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;
}

Aufrufmethode: Rufen Sie die obige JS-Funktion direkt in Ajax auf, um die Werte aller Elemente im Formular abzurufen.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Ajax-Bootstrap-Code zur Verschönerung von Webseiten und zur Implementierung von Seitenlade-, Lösch- und Anzeigedetails

Über AJax und Probleme mit domänenübergreifendem Jsonp-Zugriff

Das obige ist der detaillierte Inhalt vonErhalten Sie Formularelementwerte automatisch über JS-Code in Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn