10/10/2018, 10:34

[HELP] Dùng Ajax lấy code HTML trả về từ sever

Mình gặp vấn đề về Ajax,rõ hơn là thuộc tính responseText của đối tượng XMLHttpRequest...
Server trả về cho Client 1 chuỗi thì sẽ dễ dàng nhận biết,nhưng nếu là Code HTML thì sao ?
----------------------------------------------------------------------------
Ví Dụ : Giả sử file Server.aspx?name=ndp1007 trả về 1 chuỗi : ddth.com
Phía Client sẽ nhận dữ liệu (ddth.com) qua code sau :
document.getElementById('div_info').innerHTML = responseText
Thì lập tức ngay tag Div có id="div_info" hiện chuỗi ddth.com

Nhưng ở file Server.aspx?name=ndp1007 mình sẽ xử lý cho nó trả về 1 code HTML :
<div class="OK" style="position:absolute; left:100px; top:10px"><a rel="PointS"><img src="OK.png" /></a></div>
Nếu như thế với đoạn code này :
document.getElementById('div_info').innerHTML = responseText
thì tag DIV không hiện được như mong muốn chỉ trống không

Theo mình nghĩ có lẽ thuộc tính responseText không nhận được giá trị kiểu đó
Vậy thì mình phải dùng thuộc tính gì của đối tượng XMLHttpRequest để lấy code HTML đó.
Mong bạn chia sẽ
honnhienh viết 12:37 ngày 10/10/2018
mình không chắc lắm <img src="OK.png" /> bận cần kiểm tra coi nó có thêm cái kí tự \ trước " không. Ngoài ra mình thấy bạn trên truền theo kiêu xml hoặc json là tốt nhất chạy ộn định và có thể control bên client. hầu hết các request ajax trả về là xml hoặc json. con hiện thị sao thì bạn dùng javascript đọc nó và show nó ra theo ý bạn. không lên show ngay bên server có rất nhiều thứ rắc rối nhất là dữ liệu phải truyền nhiều hơn chắc chắn sẽ làm chậm ứng dụng của bạn còn nhiều thứ linh tinh khác nữa
BnoL viết 12:36 ngày 10/10/2018
encode cái response trước khi bind
ndp1007 viết 12:49 ngày 10/10/2018
Được gửi bởi BnoL
encode cái response trước khi bind
Encode và bind là như thế nào bạn giải thích rõ hơn 2 từ đó với.
thuyduongcd viết 12:38 ngày 10/10/2018
Làm thế không có gì không ổn cả.
Trường hợp của bạn chẳng qua là do không tìm thấy file OK.png nên nó không hiện ra gì thôi. Thử kiểm tra lại đường dẫn file xem.
Còn muốn test xem code hiện đúng không thì cứ thêm vài dòng text vô đoạn code trả về là biết ngay
Code:
<div class="OK" style="position:absolute; left:100px; top:10px"><a rel="PointS"><img src="OK.png" />abcdefghijklmn</a></div>
Bài liên quan
0