我已經挖掘了數十個相關問題,并嘗試實施,但無法將其整合在一起。我敢肯定這只是一些令人痛苦的簡單失誤,因為我是一個菜鳥。
已編輯 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>
uj5u.com熱心網友回復:
你可以考慮以下幾點。
$(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,我將無法完全測驗此代碼。
參考:
- 將 .ajax() 與 JSONP 一起使用的基本示例?
- https://learn.jquery.com/ajax/working-with-jsonp/
- https://api.jquery.com/jquery.each/
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/441170.html
