PDA

View Full Version : chuyển code từ trang web không dùng ajax sang ajax



vunamkhtn
06-12-2007, 14:25
giả sử bạn đang có một trang web1.0 chưa dùng công nghệ ajax , các menu bên trái có các chuyên mục như: thể thao, xã hội,..... khi bạn click vào thể thao thì màn hình giữa sẽ hiện ra các tin tức của thể thao,cách code để thực hiện việc trên dùng công nghệ ajax:
1)đầu tiên trong trang chủ,bạn phải xác định đoạn code nào thễ hiện việc viết nội dung lên màn hình giữa (hơi bị vất vả đấy , nên dùng lệnh echo để làm), sau đó đặt thẻ div lên các dòng lệnh đó
<div id="ajax">
// các dòng lệnh hiển thị nội dung của màn hình giữa
</div>

2)rê chuột vào dòng thể thao để xác định link của nó,chẳng hạn hiện lên link sau: http://b.php? menu=a,title=b,vậy ta vào file b.php và xác định đoạn code nào sẽ thực hiện việc thể hiện nội dung lên màn hình giữa
3) copy toàn bộ đoạn code trên và paste vào file php chẳng hạn là: a.php
4) khi bạn rê chuột vào dòng thể thao thì chẳng hạn hiện lên link sau: http://b.php? menu=a,title=b, hãy xóa dòng đó và tạo hàm onclik sau:onClick="javascript:sendurl(a,b)"
sau đây là những hàm javascript:
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
}else{
ro = new XMLHttpRequest();
}
return ro;
}
var http = createRequestObject();

function sendurl(a,b)
{
http.open('get', 'a.php? menu='+a +'& title=' + b );
http.onreadystatechange = handleResponse;
http.send(null);
}
function handleResponse()
{
if(http.readyState == 4)
{
var response = http.responseText;
document.getElementById('ajax').innerHTML = response;
}
}
nếu làm các bạn nên chọn nukeviet để làm .
các bác còn biết cách nào nữa không vậy, xin chỉ giáo dùm
mong các ban góp ý kiến cho bài viết trên.thanks

cái nick đó
06-12-2007, 17:17
nhìn bác trình bày bài viết là em không muốn đọc rồi!

vunamkhtn
06-12-2007, 20:37
mình sẽ cập nhật ví dụ minh họa trong vài giờ tới

ChipInside
06-12-2007, 21:01
Ý bạn cái nick đó là bỏ mã vào trong