Obtenez automatiquement les valeurs des éléments de formulaire via le code JS en Ajax

Cet article présente principalement l'acquisition automatique des valeurs des éléments de formulaire via le code JS en Ajax. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

S'il y a. il n'y a pas beaucoup d'éléments de formulaire Nous utilisons souvent GET pour obtenir les valeurs des éléments de formulaire, mais s'il y a beaucoup d'éléments de formulaire, nous devons utiliser POST pour obtenir les valeurs des éléments de formulaire

Nous le sommes ? ici Lorsque vous utilisez Ajax, vous devez 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 en Ajax pour obtenir les valeurs de tous les éléments du formulaire.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Code d'amorçage Ajax pour embellir les pages Web et implémenter le chargement, la suppression et l'affichage des détails des pages

À propos AJax et problèmes d'accès inter-domaines Jsonp

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!