引用其他服务器搜索页 和 获取搜索数据

<!-- 引用其他服务器的搜索页，并且可以搜索到内容。
说白了就等价于把其他服务器的搜索框帮到自己的网页中使用。
步骤如下：
以下是以百度为例：
一：打开百度网页---打开开发者工具---点击标签选择工具---点击输入框---找到输入框的name值：name="wd" 写到自己的输入框中

　　再查看 父标签 form 的 action=‘/s’? ? ? ?再看地址栏：https://www.baidu.com/s?ie=utf-8&mod=11&? ? ?第一个 ? 号之前进行对比

　　可以得出：百度搜索页为：https://www.baidu.com/s? 具体如下图：

引用百度搜索页就设置好了，点击自己的按钮就会跳转到 百度搜索页? 具体可以查看另一篇文章：引用其他服务器的搜索页

然后继续下面操作获取输入框要搜索的数据：
--- 点击网络/network --- 查找 Type 列 中的 xhr 即服务器请求地址 --- 点击该链接会显示Headers信息
--- 找到 Query String Paramaters 中 wd: 裤子 wd就是搜索框中的name的值，就是我们输入要搜索的关键字

? ? ? 如图：　　　　　

---这条信息的请求地址就是我们要找的 --- 直接复制 Headers 里面 General 中的 Request URL地址，在浏览器中打开

或者：具体网页

--- 复制地址： https://www.baidu.com/s?ie=utf-8&mod=11&isbd=1&isid=9ee8fb0c0003c4b1&ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=06074089_58_pg&wd=裤子&oq=%25E4%25BA%25AC%25E4%25B8%259C&rsv_pq=9ee8fb0c0003c4b1&rsv_t=1ae8QOnJj6uVyWslWhGN8JoeUPt36it9VB%2B8SPfnZ8icdMVsA2SwjsWKKKxo1yMr3dU2CM0&rqlang=cn&rsv_enter=1&rsv_dl=tb&inputT=606979&rsv_sug3=41&rsv_sug1=38&rsv_sug7=101&bs=京东&rsv_sid=&_ss=1&clist=3f61bf0054088da6%0954505fefc61f51d5&hsug=&csor=2&pstg=5&_cr1=34152
--- 找到 ‘裤子‘ 关键字 复制：&wd=裤子 黏贴到该地址最后面作为最后的一个参数。
--- 我们把自己编写的搜索框的值 替代裤子就可以实现随便查询了。
--- 先剪切 &wd=裤子 放到地址末尾如：
https://www.baidu.com/s?ie=utf-8&mod=11&isbd=1&isid=9ee8fb0c0003c4b1&ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=06074089_58_pg&oq=%25E4%25BA%25AC%25E4%25B8%259C&rsv_pq=9ee8fb0c0003c4b1&rsv_t=1ae8QOnJj6uVyWslWhGN8JoeUPt36it9VB%2B8SPfnZ8icdMVsA2SwjsWKKKxo1yMr3dU2CM0&rqlang=cn&rsv_enter=1&rsv_dl=tb&inputT=606979&rsv_sug3=41&rsv_sug1=38&rsv_sug7=101&bs=京东&rsv_sid=&_ss=1&clist=3f61bf0054088da6%0954505fefc61f51d5&hsug=&csor=2&pstg=5&_cr1=34152&wd=裤子
--- 然后把裤子 改为 如下：

var $input = $(‘.search-input‘);
var str = "https://www.baidu.com/s?ie=utf-8&mod=11&isbd=1&isid=9ee8fb0c0003c4b1&ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=06074089_58_pg&oq=%25E4%25BA%25AC%25E4%25B8%259C&rsv_pq=9ee8fb0c0003c4b1&rsv_t=1ae8QOnJj6uVyWslWhGN8JoeUPt36it9VB%2B8SPfnZ8icdMVsA2SwjsWKKKxo1yMr3dU2CM0&rqlang=cn&rsv_enter=1&rsv_dl=tb&inputT=606979&rsv_sug3=41&rsv_sug1=38&rsv_sug7=101&bs=京东&rsv_sid=&_ss=1&clist=3f61bf0054088da6%0954505fefc61f51d5&hsug=&csor=2&pstg=5&_cr1=34152&wd=" + encodeURIComponent($.trim(input.val()));

//这里使用同步调用
$.ajax({
　　url:str,
　　dataType:‘jsonp‘,//这里是跨域访问数据
　　success:function(){...},
　　fail:function(){...}
})

?

//或者使用异步调用 $.ajax({ 　　url:str,　　dataType:‘jsonp‘//这里是跨域访问数据 }) .done(function(data){ 　　console.log(data); }) .fail(function(e){ 　　console.log(e); }) .always(function(){ 　　console.log(‘不管是获取到数据，都会执行这步‘); }) -->