JSON
JSONP跨域
Double_路
学不可一蹴而就,坚持是胜利之光
展开
-
JSONP实现方式
前端通过构造 src 形如 xxx.com/friends.json?callback=xxxx 的 script 标签请求; 后端通过约定的查询参数(这里是 callback)取出值(这里是 xxxx)然后把数据作为参数传给取出的值(这个值得在前端作为全局作用域下的一个函数), 返回形如 xxxx(data) 的 JS 响应体; 前端解析执行返回的 JS 代码(处理 data 的逻辑封装成 xxxx 全局函数)。 ...原创 2021-07-03 15:04:13 · 78 阅读 · 0 评论 -
JSONP跨域实例之天气查询
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>天气查询</title> <link rel="stylesheet" href="../code/css/bootstr原创 2021-02-16 18:35:02 · 109 阅读 · 0 评论 -
JSONP跨域实现百度搜索框(关键字自动显示)
JSONP跨域的使用流程 1.先声明一个函数,这个函数有一个形参。这个形参会拿到想要下载的数据,可以使用这个形参做后续的数据处理 2.在需要下载数据时,动态创建script标签,将标签的src设置成下载数据的链接 3.当script插入到页面时,就会调用已封装好的函数,将需要的数据传过来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view原创 2021-02-16 18:33:23 · 191 阅读 · 0 评论 -
将get方法和post方法封装ajax
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>封装ajax</title> <script> function $ajax({ method = "get原创 2021-01-19 09:37:41 · 72 阅读 · 0 评论