使用 Jquery 循环显示 JSONP 数组

Question

我研究了数十个相关问题，并尝试实施，但就是无法将其整合在一起。我确定这只是一些非常简单的失误，因为我是菜鸟。

编辑 URL 因为它有敏感数据，但它使用完整数组打印到控制台，因此 ajax 调用似乎有效。只是无法完全理解在 DIV 中显示结果的最后一步。从阅读来看，循环似乎是必要的，但不能完全实现。

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<div id="jsonpResult"></div>

<script>
$(document).ready(function(){
        $.ajax({
            url: '**MyURL**',
            data: {check: 'one'},
            dataType: 'jsonp',
            jsonp: 'callback',
            jsonpCallback: 'jobs',
            success: function(result){
                console.log(result);
            }
        });
    });

  function jsonpCallback(data){
       for(var i = 0 ; i < data.length ; i++){
            $('#jsonpResult').append(item.title+"<br />");
       }
   }
</script>

Answer 1

您可以考虑以下内容。

$(function() {
  $.ajax({
    url: '**MyURL**',
    data: {
      check: 'one'
    },
    dataType: 'jsonp',
    success: function(result) {
      console.log(result);
      $.each(result, function(i, item) {
        $("<div>").html(item.title).appendTo('#jsonpResult');
      });
    }
  });
});

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<div id="jsonpResult"></div>

没有测试 URL，我无法完全测试此代码。

参考文献：

Basic example of using .ajax() with JSONP?
https://learn.jquery.com/ajax/working-with-jsonp/
https://api.jquery.com/jquery.each/

使用 Jquery 循环显示 JSONP 数组

Display JSONP Array Using Jquery Loop

arrays

ajax

jquery

jsonp

loops