Maison > interface Web > js tutoriel > Code d'implémentation pour insérer plusieurs éléments de données dans une boîte modale à l'aide de jQuery_jquery

Code d'implémentation pour insérer plusieurs éléments de données dans une boîte modale à l'aide de jQuery_jquery

WBOY
Libérer: 2016-05-16 16:34:34
original
1382 Les gens l'ont consulté

Copier le code Le code est le suivant :

//Boîte modale Bootstrap (partielle)

Copier le code Le code est le suivant :

/**
* Afficher les détails des données
* @黑poète aux yeux
*/
fonction orderDetail(order_no)
{
//1. Effacez d'abord les données de la boîte modale
$('#orderDetail').find('tr').first().nextAll().remove();

//2. Insertion externe
var numéro de commande = numéro de commande;

$.post(base_url '?d=admin&c=orders&m=ajax_order_detail', {order_no:order_no}, function(data){

//Le format des données est le suivant : [{no:123,old:abc},{no:234,old:def},{no:345,old:ghi}]
var obj = eval('(' data ')');

$.each(obj, fonction(i, n){

var tr = $('#orderDetail').find('tr').last();

tr.after("" n['organize_name'] ":" n['cate_name'] " -- " n['course_name'] "< td>" n['old_price'] "" n['sale_price'] "");
});
});
>

É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