Forum Discussion

mannerheim's avatar
mannerheim
Guide
13 years ago

Retrieving External Content into Lithium Component

What's the best practice for retrieving external content into a Lithium component?  We were thinking JQuery, but what is the standard way to do this?  We found a small JQuery snippet online to try to...
AdamN's avatar
AdamN
Khoros Oracle
13 years ago

Hi mannerheim,

 

JavaScript is indeed the suggested way for pulling in external content. jQuery and other libraries make it pretty easy to make external requests. I took a quick look at your snippet and it seems to be working as expected, as far as I can tell.

 

There are probably a few reasons why the result doesn't look very pretty:

  • CSS isn't being pulled in from Google, so the same styling isn't getting applied
  • The images getting pulled in have relative URLs, so they're pointing to non-existant resources on the community
  • Your code snippet is stripping out javascript, which is probably a good thing for security reasons, but could also affect how the content is rendering
  • rholder's avatar
    rholder
    Ace
    13 years ago
    Has anyone successfully completed this solution? I'm interested in doing something similar on our site.
    • HaidongG's avatar
      HaidongG
      Lithium Alumni (Retired)
      13 years ago

      here is my code working with some JSON Web services.

       

      function callAjax() {
    LITHIUM.jQuery.ajax({
        url: "${ajaxURL}",
        dataType: 'jsonp',
        jsonp: 'callback',
        jsonpCallback: 'callbackFunctionOnceJsonpReturnedProperly',
        timeout: ${ajaxTimeout},
        success: function(){
            //alert("success");
        },
        error: function (jqXHR, textStatus, errorThrown) {
            .......
        }
    });
}

function callbackFunctionOnceJsonpReturnedProperly(data, textStatus, xhr){
    if (typeof (data) == 'undefined' || data == null) {
        alert("jsonpCallback object is null");
        return;
    }
    
    var username = data["username"];      
}