Maison >interface Web >js tutoriel >Exemple de code pour obtenir automatiquement les valeurs des éléments de formulaire via le code JS en Ajax

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

亚连
亚连original
2018-05-25 15:33:091461parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn