2011-03-05 53 views
0

所以做了一個API,它使用URL中的變量來加載圖像。例如:編寫一個jQuery函數來加載一個頁面的變量

api.php?apikey=1da654d1a654d1a5d4a5s1dad5789a4da&type=gif&image=1

現在我想寫一個jQuery函數,如果我做這樣的事情:

('#div').awnlapi({ 
    apikey: 1da654d1a654d1a5d4a5s1dad5789a4da, 
    type: gif, 
    image: 1, 
    xhtml: false, 
    alt: this is some text 
}); 

但如何才能使我對#div填補

<img src="api.php?apikey=1da654d1a654d1a5d4a5s1dad5789a4da&type=gif&image=1" alt="this is some text">(我不使用/>,因爲xHTML在例子中設置爲false)

我該怎麼做?這是我已經有了:

(function($){ 
       $.fn.awnlapi = function(options) { 
        var defaults { 
         apikey:, 
         type: 'gif', 
         image: '0' 
         xhtml: false, 
         alt: 'Visit mywebsite.com' 
        } 

        var options = $.extend(defaults, options); 

       }); 
      }  

編輯

所以我又從頭開始,並取得這樣的:

 (function($){ 
      $.fn.awnlapi = function(apikey, type, image, xhtml = false, alt) { 
       if(xhtml == false){ 
        var endtag = '>'; 
       } 
       else 
       { 
        var endtag = '/>'; 
       } 

       $(this).html('<img src="http://api.alphenweer.nl/api.php?apikey='+ apikey +'&type='+ type +'&image='+image'" alt="'+ alt +'"'+ endtag); 
      } 
     }).jQuery; 

     $('#image').awnlapi('adadnkandada6541da564d5ad1ad', 'gif', '1', false, 'This is alt!'); 

但是,這並不工作都不是,我得到一個空白頁。請幫助?

回答

0

你應該看看jQuery的AJAX http://api.jquery.com/jQuery.ajax/ 例子:

$.ajax({ 
    type: "GET", 
    url: "api.php", 
    data: "apikey=1da654d1a654d1a5d4a5s1dad5789a4da&type=gif&image=1", 
    success: function(msg){ 
    $("#div").html(msg); 
    } 
}); 

可以前$就設置變量,就像這樣:

$(document).ready(function() { 
    var apikey = "1da654d1a654d1a5d4a5s1dad5789a4da"; 
    var type = "gif"; 
    var image=1; 
    var option="xhtml"; 
    var alt="alt text"; 
    $.ajax({ 
      type: "GET", 
      url: "api.php", 
      data: "apikey="+apikey+"&type="+type+"&image="+image, 
      success: function(msg){ 
      if(option=="xhtml") { 
      var end=">" 
      } 
      else { 
      var end="/>" 
      } 
      var image = "<img src='"+msg+"' alt='"+alt+"'"+end; 
      $("#div").html(image); 
      } 
     }); }); 
+0

是的,但我怎麼能得到變量'$ .ajax'中'data'變量中的'options'? – Thew 2011-03-05 12:11:10

+0

我不明白。你想發送一個AJAX調用並獲取信息,通過api.php輸出還是? – lam3r4370 2011-03-05 12:13:24

+0

如何在jQuery函數中使用您的編輯示例? – Thew 2011-03-05 12:15:25

相關問題