ajax请求360搜索接口，正常接收数据

灰太狼 2022-01-27 11:51 402阅读 0赞

<!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][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][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][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>

[https_sug.so.360.cn_suggest]: https://sug.so.360.cn/suggest

发表评论取消回复

表情：

评论列表（有 0 条评论，402人围观）

还没有评论，来说两句吧...

相关阅读

相关 ThinkPHP接收MUI的ajax的请求

参考：[https://blog.csdn.net/qq\_30378229/article/details/79433214][https_blog.csdn.net_qq_

布满荆棘的人生/ 2022年09月06日 00:21/ 0 赞/ 135 阅读

相关 ajax请求获取天气,7. jquery-ajax请求天气接口

Ajax请求查询天气 // Ajax请求：一般在刷新页面中的局部数据时，会使用ajax请求。该请求不会去重新刷新或请求这个页面中的所有数据，而只是动态的修改一部分数据。

绝地灬酷狼/ 2022年09月03日 11:16/ 0 赞/ 210 阅读

相关 ajax 数据接收,AJAX表单提交以及数据接收

浅谈数据库优化方案--表和SQL 1.数据类型的选择 1.字段最好设置为非空.若字段为char(8),即便是NULL也会现有8个字符的空间. 2.尽量使用数字型字段,若只含数

骑猪看日落/ 2022年09月03日 06:16/ 0 赞/ 231 阅读

相关 Ajax数据请求

学习要点： 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax(

谁践踏了优雅/ 2022年08月18日 15:13/ 0 赞/ 229 阅读

相关 springmvc接收ajax get，post请求数据（简单版）

get请求参数：127.0.0.1:8080/doGet?name=“haha” @GetMapping("/doGet") public AjaxRes

比眉伴天荒/ 2022年01月31日 15:19/ 0 赞/ 229 阅读

相关 ajax请求360搜索接口，正常接收数据

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

灰太狼/ 2022年01月27日 11:51/ 0 赞/ 403 阅读

相关 Ajax 请求接口

1.获取 Token string url = "http://10.168.9.21/api/services/Org/UserLogin"; var para =

一时失言乱红尘/ 2021年12月24日 07:23/ 0 赞/ 297 阅读

相关 jquery的ajax异步请求接收返回json数据

jquery的ajax异步请求接收返回json数据方法设置简单，一个是服务器处理程序是返回json数据，另一种就是ajax发送设置的datatype设置为jsonp格式数据或j

妖狐艹你老母/ 2021年10月09日 04:02/ 0 赞/ 476 阅读

相关 ajax接口请求

<script type="text/javascript"> aaa() funct

超、凢脫俗/ 2021年09月30日 23:46/ 0 赞/ 449 阅读

相关 Ajax接收JSON数据

Ajax接收JSON数据 1. Ajax接收JSON数据 JSON：JavaScript对象表示法（JavaScript Object Notation）。JSON是一种...

朱雀/ 2020年07月01日 19:53/ 0 赞/ 895 阅读