JQuery报错：Uncaught TypeError

最新推荐文章于 2025-05-16 11:27:10 发布

原创最新推荐文章于 2025-05-16 11:27:10 发布 · 2.5w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #Uncaught TypeError

Js 专栏收录该内容

1 篇文章

订阅专栏

在学习JQuery时遇到Jsonp调用百度搜索接口的问题，错误为Uncaught TypeError。通过分析发现GET请求需要包含cb参数，添加后仍然报错。解决方法是添加jsonpCallback和对应动态或固定的函数名，从而成功调用接口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这几天在入门JQuery，学到Jsonp的知识点，想简单调用一下百度搜索的关键字联想接口，但一直报错：
Uncaught TypeError: Cannot read property 'sug' of undefined at...
代码如下：

<script type="text/javascript", src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">

$.ajax({
    url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?",
    type:"get",
    dataType:"jsonp",
    data:{wd:"a"}
})

.done(function(data){
    console.log(data);
})
</script>

这里写图片描述

我按照网上方法，但似乎都没能解决，用浏览器直接访问接口出现了这样的画面
这里写图片描述

所以应该是GET参数有误的问题。结果筛选发现除了wd外，cb是必要的
这里写图片描述
于是在data那里增加了cb参数

不过依旧报错
这里写图片描述

这里是因为没有约定回调函数的原因，加上jsonpCallback以及对应的函数名即可，代码如下：

<script type="text/javascript", src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">

$.ajax({
    url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?",
    type:"get",
    dataType:"jsonp",
    data:{
        wd:"a",
        cb:"jQuery1102007692530514095441_1530145183899",
    },
    jsonpCallback:"jQuery1102007692530514095441_1530145183899"
})
.done(function(data){
    console.log(data);
})

</script>