2011-05-03 153 views
0

我想用ajax創建一個彈出窗口編輯窗口。即當用戶點擊鏈接時,彈出窗口出現,他編輯數據並保存。我可以用任何ajax框架來做到這一點嗎?用ajax創建彈出窗口

+1

有沒有原因你不想使用框架,如jQuery?這會讓你的生活變得更輕鬆......除非有充分的理由不這樣做。 – 2011-05-03 06:38:47

回答

1

是的你可以,你總是可以自己創建XMLHttpRequest對象,但使用框架將節省你幾個小時或幾天的編碼,並確保你的服務具有最大的瀏覽器兼容性。

-1

是的,您可以使用我編寫的以下功能,並對其進行數週優化。

function ajaxGET(url,span_or_div) { 

    var httpRequest; 
    if (window.XMLHttpRequest) { // Mozilla, Safari, ... 
     httpRequest = new XMLHttpRequest(); 
     if (httpRequest.overrideMimeType) { 
      httpRequest.overrideMimeType('text/plain'); 
     } 
    } 
    else if (window.ActiveXObject) { // IE (yeah 200bytes wasted because of IE.. lol 
     try { 
      httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
      } 
      catch (e) { 
         try { 
          httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
          } 
         catch (e) {} 
         } 
      } 
    if (!httpRequest) { 
     alert('Giving up :(Cannot create an XMLHTTP instance'); 
     return false; 
    } 
    httpRequest.onreadystatechange = function() { 

     if (httpRequest.readyState == 1) { 
      window.document.getElementById(span_or_div).innerHTML='Loading...'; 
     } 
     if (httpRequest.readyState == 4) { 
      if (httpRequest.status == 200) { 
       document.getElementById(span_or_div).innerHTML=(httpRequest.responseText); 
      } else { 
       window.document.getElementById(span_or_div).innerHTML='<strong>Error 404</strong><br />Page Not Found.'; 
      } 
     } 
}; 
    httpRequest.open('GET', url, true); 
    httpRequest.send(''); 
} 
+0

-1:似乎你甚至沒有完全讀過這個問題。問題是如何在不使用任何框架的情況下創建彈出窗口。而不是如何使ajax調用 – 2011-05-03 06:46:15

+0

@Sarwar:標題明確提到ajax,它也將需要保存表單。可視化彈出窗口當然與ajax無關。 – Kaivosukeltaja 2011-05-03 07:10:42

+0

對不起,我的快速帖子。我的文章是對之前評論的回覆。在某個時候,他需要做一個AJAX調用,所以我發佈了這個函數讓他派上用場。 -1分享?哦..:/ – 2011-05-03 12:04:10