编写一个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); 
      } 
     }); });