Maison > interface Web > js tutoriel > AJAX valide le contenu de la base de données et affiche la valeur sur la page

AJAX valide le contenu de la base de données et affiche la valeur sur la page

亚连
Libérer: 2018-05-25 15:36:49
original
1779 Les gens l'ont consulté

Le curseur quitte la zone de texte et obtient d'autres données correspondant à la valeur modifiée dans la base de données à l'endroit correspondant sur cette page. Le code d'implémentation correspondant est le suivant. Les amis intéressés peuvent jeter un œil au

implémentation de la fonction :

Remplissez le contenu de la zone de texte dans la page jsp, laissez le curseur de la zone de texte et obtenez d'autres données correspondant à la valeur modifiée dans la base de données à l'endroit correspondant sur cette page.

servlet :


request.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
// 调用servlet层去数据库查找是否有相同用户名 并返回到页面中的其他记录
String client_id = request.getParameter("client_id");
ClientServices clientServices = new ClientServices();
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}
Client client = clientServices.findClientById(client_id);
if (client != null) {
out.print(URLEncoder.encode(client.getClient_name(), "utf-8"));
} else {
out.print("false");
}
out.flush();
out.close();
Copier après la connexion


jquery :


$(document).ready(function() {
$("#client_id").blur(function() {
$.ajax({
type : 'POST',
url : 'servlet/validServlet?client_id=' + $(this).val(),
data : 'client_id=' + $("#client_id").val(),
success : function(msg) {
if (msg == 'false') {
alert("没有此人");
} else {
//utf-8解码解决中文乱码
$("#clientInfo").html(decodeURI(msg));
$("#clientInfo").attr("value", decodeURI(msg));
}
}
});
});
});
Copier après la connexion
J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Analyse d'exemples de données de formulaire de soumission AJAX

Méthode Ajax de lecture des données du fichier de ressources de propriétés

Une brève discussion sur Ajax et ses avantages et inconvénients

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal