cari

Rumah >hujung hadapan web >tutorial js >如何利用ajax给html动态拼接代码

如何利用ajax给html动态拼接代码

一个新手
一个新手asal
2017-10-01 07:44:162964semak imbas

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);
}
});
}

Atas ialah kandungan terperinci 如何利用ajax给html动态拼接代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：react写城市（省市区）联动的方法Artikel seterusnya：如何实现响应式布局

Artikel berkaitan

Lihat lagi