Maison > interface Web > js tutoriel > Comment utiliser ajax pour épisser dynamiquement le code HTML

Comment utiliser ajax pour épisser dynamiquement le code HTML

一个新手
Libérer: 2017-10-01 07:44:16
original
2935 Les gens l'ont consulté

function get_all_category_with_id() {
    $.ajax( {
    type: "get", url: "../../../appUpload/getAllCategoryByid", async : false, dataType: "text", success: function (data) {
    var obj = JSON.parse(data);
    var str ="";
    //先将元素对应清空 $('.category-list').empty();
    for(var i = 0;
    i<obj.length;
    i++) {
    var category = obj[i];
    str += &#39;<span class="unchecked" name="category" checked="false" onclick="change(this);
    " value=&#39;+category.id+&#39; >&#39;+category.name+&#39;</span>&#39;+ &#39;<input type="hidden" id="category_id" name="category_id">&#39;;
}
//将html动态拼接到对应的p上面 $(&#39;.category-list&#39;).html(str);
}
, error:function (XMLHttpRequest, textStatus, errorThrown) {
    alert("请求失败!"+XMLHttpRequest+"==="+textStatus+"==="+errorThrown);
}
});
}
Copier après la connexion

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