Exemple de code pour obtenir automatiquement les valeurs des éléments de formulaire via le code JS en Ajax

S'il n'y a pas beaucoup d'éléments de formulaire, nous utilisons souvent GET pour obtenir la valeur de l'élément de formulaire. Mais s'il y a beaucoup d'éléments de formulaire, nous devons utiliser POST pour obtenir la valeur de l'élément de formulaire. ?

Lorsque nous utilisons Ajax, nous devons généralement obtenir la valeur de l'élément de formulaire, puis l'envoyer au programme côté serveur en arrière-plan pour traitement. S'il n'y a pas beaucoup d'éléments de formulaire, nous obtenons souvent les valeurs des éléments de formulaire via GET. Mais s'il y a beaucoup d'éléments de formulaire, nous devons utiliser POST pour obtenir les valeurs des éléments de formulaire. Ce qui suit est un morceau de code JS qui peut obtenir automatiquement la valeur de l'élément de formulaire.

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

Méthode d'appel : Appelez la fonction JS ci-dessus directement dans Ajax pour obtenir les valeurs de tous les éléments du formulaire.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Tutoriel de base AJAX : Apprendre à connaître AJAX pour la première fois

Guide d'utilisation de la classe d'encapsulation AJAX

Explication détaillée de l'interaction du navigateur et du serveur en Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!