Bagaimana untuk menggantikan kandungan div secara dinamik dan memaparkan secara dinamik dengan Jquery

PHPz
Lepaskan: 2018-09-29 16:05:27
asal
1875 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah menggantikan kandungan div dan paparan dinamik secara dinamik dengan Jquery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. Masalah:

Dalam projek, adalah perlu untuk menyambung html di latar belakang dan kemudian memaparkannya ke dalam div melalui ajax di latar depan:

sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
       //这里可以正确的展示html内容
          alert(json.htmlContent);
          $("#htmlContent").text(json.htmlContent);
       bind(json);
});
Salin selepas log masuk

Selepas paparan, didapati bahawa kandungan rentetan html dipaparkan secara langsung dalam div, dan html di dalamnya tidak dihuraikan selepas pertanyaan data.

Teks .jquery div menambah kandungan dalam bentuk teks dan memaparkan teks tertentu....

Jika anda ingin menambah kandungan html boleh parsable secara dinamik, anda perlu menggunakan jquer kaedah div a.ppend

2. Kaedah pemprosesan yang betul:

ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
          //这里可以正确的展示html内容
          alert(json.htmlContent);
          var htmlContent = $("#htmlContent");
          htmlContent.append(json.htmlContent); 
       bind(json);
});
Salin selepas log masuk

3. Ringkasan:

div . append method // Tambah kandungan Html, hurai secara dinamik
div Text: paparkan kandungan teks yang dimuatkan, jangan hurai

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang Lawati Tutorial Video jQuery!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan