Question

我必须显示json的帖子，但是当我尝试使用for循环时，什么都没有发生。这是我的代码，我做错了。 ty

JS

func insertContentsOfCSSFile2(into webView: WKWebView) {
    guard let path = Bundle.main.path(forResource: "resource", ofType: "css") else { return }                
    let csFile = "var head = document.getElementsByTagName('head')[0];var link = document.createElement('link'); link.rel = 'stylesheet';link.type = 'text/css';link.href = '\(path)';link.media = 'all';head.appendChild(link);"

    webView.evaluateJavaScript(csFile) {(result, error) in
        if let error = error {
            print(error)
        }
    }
}

有想法吗？

Answer 1

用ajax方法调用API是错误的。

var root = 'https://jsonplaceholder.typicode.com';
    $.ajax({
     url: root+"/posts",
     method: 'GET',
     contentType: 'application/json',
     success : function(data) {
        //The 'data' u recieve here is the response from the api, Use this data to loop through and display it in the web page
      },
     error: function(err) {
      console.log("err");
       }  
     }
    });

尝试上面的代码段，希望它能起作用

Answer 2

var root = 'https://jsonplaceholder.typicode.com';
$.ajax({
 url: root+"/posts",
 method: 'GET',
 contentType: 'application/json',
 success: function(posts) {
    console.log("Data=>",posts);
     $.each(posts,function(index,post){
      document.write("<p>"+post.title+"</p>");
    });
 }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>

您应提供正确的URL root+'/posts'，以便从API提取数据。

Answer 3

您可以使用jQuery.get

使其更简单

$.get('https://jsonplaceholder.typicode.com/posts',function(data){
    $.each(data,function(key,post){
        $('body').append('<p>'+post.title+'</p>');
    });
});

查看文档（https://api.jquery.com/jquery.get/）

显示来自JSON的帖子

3 个答案: