.load() 函数在带有 webview 的 Android 应用程序上

Posted 2023-04-18

【中文标题】.load() 函数在带有 webview 的 Android 应用程序上

【英文标题】：.load() Function on Android Applikation with webview

【发布时间】：2014-01-02 08:05:33

【问题描述】：

我想用 html、CSS 和 jQuery 创建一个 android 应用程序。 我试过用这种方式实现jQuery的.load()函数。它适用于浏览器，但不能作为 Android 应用程序。是否有其他解决方案，例如使用 AJAX？

$(document).ready(function() 

  $('#nav li a').click(function()

    var toLoad = $(this).attr('href')+' #content';
    $('#content').hide('fast',loadContent);
    $('#load').remove();
    $('#wrapper').append('<span id="load">LOADING...</span>');
    $('#load').fadeIn('normal');
    function loadContent() 
      $('#content').load(toLoad,'',showNewContent())
    
    function showNewContent() 
      $('#content').show('normal',hideLoader());
    
    function hideLoader() 
      $('#load').fadeOut('normal');
    
    return false;

  );
);

谢谢

编辑：

我也试过这个：

$(document).on('pageinit', function() 
// handle menu clicks
$("ul#nav li a").click(function() 
    var page = $(this).attr("href");
    $("#content").load(page + ".html");

);

);

【问题讨论】：

您是在使用 Android 浏览器查看此内容还是嵌入了某种 webview？

它是一个以 eclpise 作为 IDE 的 webview

查看这篇文章：developer.android.com/guide/webapps/debugging.html#WebView，它会在您的 WebView 中出现 javascript 错误时向您显示控制台消息。它有助于在 WebView 案例中调试 JS。

这也可能有帮助：***.com/questions/468993/…

我不确定，但我认为 JS 中没有错误。我尝试了在互联网上找到的不同方法和解决方案。

【参考方案1】：

我有一个解决方案： 函数 getContent(href)

    $.ajax(
        type : "GET",
        //url: href + ".html",
        //url : "http://localhost/ProVid/" + href + ".html",
        url: "http://webuser.hs-furtwangen.de/~lieneman/pages/" + href + ".html",
        //url: "http://webuser.hs-furtwangen.de/~lieneman/pages/vorstellung.html",
        dataType : "html",


        beforeSend : function(xhr) 
            xhr.overrideMimeType("text/html; charset=ISO-8859-1");
        ,
        success : parseHTML,

        error : function(xhr, ajaxOptions, thrownError) 
            alert(xhr.status);


            $('#content').html("<h3 style='text-align: center;'>Es ist ein Fehler aufgetreten</h3>");

        
    );

但您还必须知道，这仅适用于网络空间或虚拟网络空间（如 xampp），您必须在 href 属性中添加“#”。