interface Web
js tutoriel
Implémentation de l'affichage des liens des données dans des listes déroulantes basées sur Ajax
Implémentation de l'affichage des liens des données dans des listes déroulantes basées sur Ajax
Cet article vous présente comment réaliser l'affichage de liens de données dans des listes déroulantes basées sur ajax. Le code est très simple. Les amis qui en ont besoin peuvent s'y référer
Quand l'entreprise le fait. projets, il doit utiliser la fonction d'affichage de liens des données dans des listes déroulantes, utilisez simplement Ajax pour l'implémenter. Voyant que j'avais tout le temps, je ne suis pas allé à la démo pour réfléchir à un moyen d'écrire. moi-même. Ce ne sont que mes propres pensées, certains peuvent être mentalement retardés, j'espère que vous ne me ferez pas rire.
Deux zones de liste déroulante dans la page :
<tr>
<td style="width: 130px">
所在学院：</td>
<td style="width: 100px">
<select id="college" style="width: 200px" runat="server" onchange="changcollege(this.value)">
<option value="0">
--请选择所在学院学院--
</option>
</select></td>
</tr>
<tr>
<td style="width: 130px">
所在专业：</td>
<td style="width: 100px">
<select id="specialty" style="width: 200px" runat="server" onchange="SaveSpecical(this.value)">
<option value="0">
--请选择所在专业--
</option>
</select></td>
</tr>Code de script JS :
<script type="text/javascript">
var http_request = false;
function send_request(method,url,content,responseType,callback)//定义发送请求的函数
{
http_request=false;
if(window.XMLHttpRequest)
{
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType)
{
http_request.overrideMimeType("text/xml");
}
}
else
{
try
{
http_request=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{}
}
}
if(!http_request)
{
window.alert("创建XMLHttpRequest对象失败");
return false;
}
if(responseType.toLowerCase()=="text")
{
http_request.onreadystatechange=callback;
}
else
{
window.alert("ERR");
return false;
}
if(method.toLowerCase()=="get")
{
http_request.open(method,url,true);
}
else if(method.toLowerCase()=="post")
{
http_request.open(method,url,true);
http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
}
else
{
window.alert("Err");
return false;
}
http_request.send(content);
}
function changcollege(va)//当学院下拉列表发生改变时触发的脚本事件
{
if(va!='0')
{
var speciality = document.getElementById("specialty");
speciality.disabled=false;
var url="Handler.ashx?type=college&id="+va;
send_request("GET",url,null,"text",populateClass3);
}
}
function populateClass3()//Ajax执行成功的回调函数
{
var f=document.getElementById("specialty");
if(http_request.readyState==4)
{
if(http_request.status==200)
{
var list=http_request.responseText;
var classList=list.split("|");
f.options.length=1;
for(var i=0;i<classList.length;i++)
//将取得的结果添加到下级的列表框中
{
var tmp=classList[i].split(",");
f.add(new Option(tmp[1],tmp[0]));
}
}
else
{
alert("您所请求的页面有异常。");
}
}
}
</script>Nous envoyons la requête http à Handler.ashx côté serveur pour traitement.
public class Handler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
string type = context.Request.QueryString["type"];
if (type.Equals("college"))
{
string id = context.Request.QueryString["id"];
context.Response.ContentType = "text/plain";
context.Response.Write(getSpecialty(id));//这个是从数据库中根据传来省的id 查询出来的。学院的名字和主键，主键以便去查专业的名字
}
}
public string getSpecialty(string college)
{
DataSet ds = GetInformation.GetSpecialtyInfo(college);
string str = "";
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
if (i == ds.Tables[0].Rows.Count - 1)
{
str += ds.Tables[0].Rows[i]["SpecialtyID"].ToString() + "," + ds.Tables[0].Rows[i]["SpecialtyName"].ToString();
}
else
{
str += ds.Tables[0].Rows[i]["SpecialtyID"].ToString() + "," + ds.Tables[0].Rows[i]["SpecialtyName"].ToString() + "|";
}
}
return str.Trim();
}
public bool IsReusable {
get {
return false;
}
}
}Obtenez la majeure correspondante en fonction du numéro du collège, et séparez le nom de la majeure par "|" pour former une chaîne et la renvoyer à le client. Script latéral pour diviser la chaîne ajouté à la liste déroulante.
Ceci n'est que l'affichage de liaison de deuxième niveau. Le principe réel des données de liaison de troisième niveau est le même.
J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.
Articles connexes :
Explication détaillée de la synchronisation ajax et asynchrone dans jquery
Téléchargement asynchrone Ajax dans jquery
Comment JQuery ajax renvoie JSON
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Animation classique Zhengtu IPx 'Voyage vers l'Ouest' Le voyage vers l'ouest est intrépide et intrépide
Jun 10, 2024 pm 06:15 PM
Voyagez à travers l’immensité et embarquez pour le voyage vers l’ouest ! Aujourd'hui, Zhengtu IP a officiellement annoncé qu'elle lancerait une coopération transfrontalière avec l'animation CCTV « Journey to the West » pour créer conjointement une fête culturelle alliant tradition et innovation ! Cette coopération marque non seulement la coopération approfondie entre les deux grandes marques classiques nationales, mais démontre également les efforts inlassables et la persistance de la série Journey dans la promotion de la culture traditionnelle chinoise. Depuis sa naissance, la série Zhengtu est appréciée des joueurs pour son profond héritage culturel et son gameplay diversifié. En termes d'héritage culturel, la série Zhengtu a toujours maintenu le respect et l'amour pour la culture traditionnelle chinoise et a habilement intégré des éléments culturels traditionnels dans le jeu, apportant plus de plaisir et d'inspiration aux joueurs. L'animation CCTV "Voyage vers l'Ouest" est un classique qui a accompagné la croissance des générations.
Comment résoudre l'erreur 403 rencontrée par la requête jQuery AJAX
Feb 20, 2024 am 10:07 AM
Titre : Méthodes et exemples de code pour résoudre les erreurs 403 dans les requêtes jQuery AJAX L'erreur 403 fait référence à une demande selon laquelle le serveur interdit l'accès à une ressource. Cette erreur se produit généralement parce que la demande manque d'autorisations ou est rejetée par le serveur. Lorsque vous effectuez des requêtes jQueryAJAX, vous rencontrez parfois cette situation. Cet article explique comment résoudre ce problème et fournit des exemples de code. Solution : Vérifiez les autorisations : assurez-vous d'abord que l'adresse URL demandée est correcte et vérifiez que vous disposez des autorisations suffisantes pour accéder à la ressource.
Comment résoudre l'erreur 403 de la requête jQuery AJAX
Feb 19, 2024 pm 05:55 PM
jQuery est une bibliothèque JavaScript populaire utilisée pour simplifier le développement côté client. AJAX est une technologie qui envoie des requêtes asynchrones et interagit avec le serveur sans recharger la page Web entière. Cependant, lorsque vous utilisez jQuery pour effectuer des requêtes AJAX, vous rencontrez parfois des erreurs 403. Les erreurs 403 sont généralement des erreurs d'accès refusé par le serveur, probablement en raison de problèmes de politique de sécurité ou d'autorisation. Dans cet article, nous verrons comment résoudre la requête jQueryAJAX rencontrant une erreur 403.
Comment obtenir des variables de la méthode PHP en utilisant Ajax ?
Mar 09, 2024 pm 05:36 PM
L'utilisation d'Ajax pour obtenir des variables à partir de méthodes PHP est un scénario courant dans le développement Web. Grâce à Ajax, la page peut être obtenue dynamiquement sans actualiser les données. Dans cet article, nous présenterons comment utiliser Ajax pour obtenir des variables à partir de méthodes PHP et fournirons des exemples de code spécifiques. Tout d’abord, nous devons écrire un fichier PHP pour gérer la requête Ajax et renvoyer les variables requises. Voici un exemple de code pour un simple fichier PHP getData.php :
L'extase du double chef ! La collaboration 'Onmyoji' x 'Hatsune Miku' démarre le 6 mars
Feb 22, 2024 pm 06:52 PM
Le jeu mobile « Onmyoji » de NetEase a annoncé aujourd'hui que la collaboration limitée Onmyoji x Hatsune Miku débutera officiellement le 6 mars. Les SSR Hatsune Miku (CV : Saki Fujita) et SSR Kagamine Rin (CV : Asami Shimoda) arrivent à Heian Kyo ! L'événement de performance spéciale en ligne Linkage débutera officiellement dans le jeu le 9 mars ~
Comment résoudre le problème de l'erreur 403 jQuery AJAX ?
Feb 23, 2024 pm 04:27 PM
Comment résoudre le problème de l’erreur 403 jQueryAJAX ? Lors du développement d'applications Web, jQuery est souvent utilisé pour envoyer des requêtes asynchrones. Cependant, vous pouvez parfois rencontrer le code d'erreur 403 lors de l'utilisation de jQueryAJAX, indiquant que l'accès est interdit par le serveur. Cela est généralement dû aux paramètres de sécurité côté serveur, mais il existe des moyens de résoudre le problème. Cet article explique comment résoudre le problème de l'erreur 403 jQueryAJAX et fournit des exemples de code spécifiques. 1. faire
Le poulet frit est une excellente affaire et il n'y a pas de place à l'erreur ! 'Backwater Cold' s'associe à KFC, obligeant les joueurs à 'danser en entendant le poulet'
Apr 17, 2024 pm 06:34 PM
À cette date, "Backwater Cold" a officiellement annoncé qu'il lancerait une liaison avec KFC du 19 avril au 12 mai. Cependant, le contenu spécifique de la liaison a laissé de nombreuses personnes stupéfaites. Ils ont dit à plusieurs reprises "C'est embarrassant pour le ciel" et ". C'est important pour la société." mort" ! La raison réside dans le slogan de cet événement thématique. Les amis qui ont vu le lien KFC entre « Genshin Impact » et « Beng Tie » doivent avoir l'impression que « rencontrer des mondes différents et savourer des plats délicieux » est devenu une réalité dans « Ni Shui ». Han" Maintenant : criez au greffier : "Dieu enquête sur l'affaire, qui êtes-vous ?" Le greffier doit répondre : "Le poulet frit est une grosse affaire et il n'y a pas de place à l'erreur !" Guide de formation pour les employés : Ne riez jamais ! De plus, cette collaboration a également organisé un concours de danse. Si vous vous rendez au magasin à thème et exécutez le mouvement de danse « Danse quand tu entends 'Ji' », vous pouvez également vous procurer un petit pupitre à musique à bascule. Embarrassant, tellement embarrassant ! Mais c'est ce que je veux
Retrouvailles classiques, renversement du temps et de l'espace, décision de liaison entre les films 'Dragon 2' et 'Westward Journey'
Mar 28, 2024 pm 04:40 PM
Retrouvailles classiques, inversion du temps et de l’espace. Le jeu mobile "Dragon 2" et le film classique "Westward Journey" devraient sortir conjointement le 11 avril ! Cela coïncide avec la célébration de l'anniversaire du jeu mobile "Dragon 2" Nous invitons tout le monde à revivre les souvenirs classiques et une fois. assistez à nouveau à la bataille entre Zhizunbao et Zixia jusqu'à la mort. L'histoire légendaire de Chongqing. Il doit y avoir des nuages colorés de bon augure, et il doit y avoir une armure dorée et des vêtements sacrés. Lorsque la phrase « Prajna Paramita » résonnera dans vos oreilles, penserez-vous à la larme que Zixia a laissée au cœur du Trésor Suprême. mille ans, mais il est impossible d'échapper au sort du destin. Même s’il n’y a pas de retour, mon amour ne changera jamais jusqu’à la mort. Les apparitions de la collaboration Westward Journey [One Eye for Ten Thousand Years] et [God's Will] seront lancées simultanément avec la version anniversaire. J'espère que vous pourrez porter l'armure dorée ou rencontrer votre propre héros sans précédent et revenir à votre jeunesse la plus passionnée. Cinq cents ans de protection, le véritable amour jusqu'à la mort, dit par hasard quand j'ai rencontré Luoyang ce jour-là
