編寫一個jQuery函數來加載一個頁面的變量

Question

所以做了一個API，它使用URL中的變量來加載圖像。例如：

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!'); 

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

Answer 1

你應該看看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); 
      } 
     }); });