```
<input type="text" name="" id="">
<button>搜索</button>
<h1></h1>
<div></div>
<img src="" alt="">
<p></p>
<script>
var baseUrl = 'http://api.douban.com/v2/movie/'
$("button").click(function () {
var value = $('input').val();
$.ajax({
url: `${baseUrl}search?q=${value}&count=1`,
dataType: "jsonp",
success: res => {
// console.log(res);
var title = res.title;
var imgUrl = res.subjects[0].images.small;
var id = res.subjects[0].id;
$("h1").html(title);
$("img").attr('src',imgUrl)
$.ajax({
url: `${baseUrl}${id}`,
dataType:'jsonp',
success: res=>{
console.log(res);
var summary = res.summary;
$("p").html(summary);
}
})
}
})
})
</script>
```
```
<body>
<input type="text" name="" id="">
<button>搜索</button>
<h1></h1>
<div></div>
<img src="" alt="">
<p></p>
<script>
var baseUrl = 'http://api.douban.com/v2/movie/';
function http({
url,
success
}){
$.ajax({
url: baseUrl + url,
dataType:'jsonp',
success: res=>{
success(res);
}
})
}
$("button").click(function(){
var value = $("input").val();
http({
url:`search?q=${value}&count=1`,
success:res=>{
console.log(res);
var title = res.title;
var imgUrl = res.subjects[0].images.small;
var id = res.subjects[0].id;
$("h1").html(title);
$("img").attr('src',imgUrl)
http({
url:id,
success:res =>{
console.log(res);
var summary = res.summary;
$("p").html(summary);
}
})
}
})
})
</script>
</body>
```
- 面试题
- 自我介绍
- 问答
- HTML
- 1.@import与link的区别
- CSS
- 1.display: none; 与visibiliy: hidden; 的区别
- 三角形
- margin-top
- 移动端适配问题
- JavaScript
- JavaScript原型和原型链
- 什么是promise
- call、apply、bind区别
- 用函数将字符串转化为驼峰命名
- 数组操作
- 1.筛选
- 2.排序
- 3.反转
- 4.去重
- 字符串方法
- 5.二叉树
- 6.克隆数组
- 重载
- （待完善）JavaScript事件
- dom事件流
- 四则运算符
- cookie,LocalStorage,sessionStorage
- 浅拷贝和深拷贝
- 对象
- 浏览器
- web性能优化
- 定时器
- 回调地狱
- 遍历的几种方式
- this指向
- HTTP
- 输入ur发生了什么
- ajax
- 跨域
- jquery跨域
- axios
- vue
- （待完善）缓存
- bootstarp
- es6
- 01解构赋值
- （未完成）class