Ajax使用jsonp解决跨域实例，简单聊聊2024年Python开发的现状和思考

$(“#searchInput”).on(“input”,function(){

window.clearTimeout( timeout );

timeout = setTimeout(function(){

// 获取文本框输入的值

var searchVal = $(this).val();

if( searchVal == “” ){

$(“ul”).empty();

return;

}

// 百度搜索建议词条接口: http://suggestion.baidu.com/su?wd=关键字

// 注意: 需要使用jsonp请求方式,并且需要修改callback参数名称为cb

$.ajax({

url: “http://suggestion.baidu.com/su”,

dataType: “jsonp”,

// 修改callback参数名称

jsonp: “cb”,

data: {

wd : searchVal

},

success: function( res ){

var htmlStr = ``;

res.s.forEach( function( item ){

htmlStr += <li><a href="https://www.baidu.com/s?wd=${item}" target="_blank">${item}</a></li>;

});

$(“ul”).html( htmlStr );

}

});