<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./js/jquery-1.12.4.min.js"></script>
<script>
$(function()
{
// 连接到360,jq模块封装了异域加载
// $.ajax({
// // 请求的接口地址
// url:'https://sug.so.360.cn/suggest',
// // 请求的方式
// type:'get',
// // 返回的数据格式
// dataType:'jsonp',
// // 给接口发送的数据
// data:{'word':'b','encodein':'utf-8','encodeout':'utf-8'}
// })
// .done(function(bat){
// // 请求成功后执行的代码
// console.log(bat)
// // 将请求到的数据转换成
// })
// 双击事件:dblclick 键盘抬起事件:keyup
$("input").keyup(function()
{
// 得到用户输入的数据
var val=$(this).val()
var str = ''
$.ajax(
{
url:'https://sug.so.360.cn/suggest',
type:'get',
// 使用jsonp实现跨域访问,返回的数据格式是?
dataType:'jsonp',
data:{'word':val,'encodein':'utf-8','encodeout':'utf-8'}
})
.done(function(bat){
console.log(bat)
for(var i=0;i<bat.s.length;i++){
str+='<li>'+bat.s[i]+'</li>'
}
$("ul").html(str)
})
})
})
</script>
</head>
<body>
<!-- https://sug.so.360.cn/suggest
?callback=suggest_so&encodein=u
tf-8&encodeout=utf-8&format=js
on&fields=word&word=b -->
<input type="text" name="" id="">
<ul></ul>
</body>
</html>