2012-08-22 124 views
0

有人可以幫我把下面的代碼轉換成jQuery嗎?需要幫助將AJAX代碼轉換爲jQuery

var xmlhttp; 

      if (window.XMLHttpRequest) 
      { 
       // Code for IE7+, Firefox, Chrome, Opera, Safari 
       xmlhttp = new XMLHttpRequest(); 
      } 
      else 
      { 
       // Code for IE5, IE6 
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
      } 

      xmlhttp.open("GET", "http://www.my.com", true); 
      xmlhttp.setRequestHeader("MyHeader", "hello"); 
      xmlhttp.send(); 

      xmlhttp.onreadystatechange = function() 
      { 
       if (xmlhttp.readyState == 4) 
       { 
        document.getElementById("responseText").innerHTML = xmlhttp.responseText; 
       } 
      } 
     } 
+0

你有什麼試過,你碰到什麼問題?沒有人會想爲你做你的工作。 – asawyer

回答

2

簡單的例子...

$.ajax({ 
    "type": "get", // optional 
    "url": "http://www.my.com", 
    "headers": { "MyHeader": "hello" }, 
    "success": function (data) { 
    document.getElementById("responseText").innerHTML = data; 
    } 
}); 

查看更多選項見documentation

+0

嗨,謝謝你的幫助。該代碼適用於Firefox和Chrome,但不適用於IE 8。任何想法爲什麼? – Joly

+0

@Joly什麼是不正確的工作?你有錯誤嗎?您可以嘗試Fiddler http://www.fiddler2.com/fiddler2/來查看線路上發生了什麼。任何線索都會有用。 jQuery版本? –

+0

jQuery版本:1.8.0。我只注意到一些奇怪的事情:如果我使用上面的代碼,那麼它適用於IE8,並且由於相同的源策略(「Access-Control-Allow-Origin」不允許出現錯誤),所以不適用於FF 14.0和Chrome 21.0。如果我使用你的代碼,那麼它不工作在IE或FF(沒有錯誤給出),而不是在Chrome中,我又得到了與我的代碼相同的錯誤:XMLHttpRequest無法加載http:// ....來源http:// ...不被Access-Control-Allow-Origin允許。 – Joly

0

Look at the API。應該是這樣的:

$.ajax({ 
    url: 'http://www.my.com', 
    headers: { 
    "key": "value" 
    }, 
    onSuccess: function(data){ 
    $('#responseText').html(data); 
}); 
0

對不起,我不是一個AJAX專家,但它看起來像你試圖做一個GET請求並閱讀迴應。 如果是這樣的 - 你需要做以下幾點:

$.get('http://www.my.com/page.php?variable1=value1', function(data){ 
    $('#responseText').html(data); 
}) 

類似的東西。

1
$.ajax({ 
    type: 'GET', // get by default anyway 
    url: 'http://www.my.com', 
    contentType: 'your/header', 
    success: function(data){ 
    $('#responseText').html(data); 
    } 
});