Ajax跨域与使用jQuery方法通过Ajax调用第三方接口（智能搜索提示）案例

最新推荐文章于 2023-04-27 11:04:07 发布

风致﹏

最新推荐文章于 2023-04-27 11:04:07 发布

阅读量2.1k

点赞数

文章标签： jquery ajax jsonp

本文链接：https://blog.csdn.net/m0_46393254/article/details/105379100

版权

跨域

一、同源策略

    同源策略是浏览器的一种安全策略，所谓同源地址指的是请求URL地址中的
协议、域名和端口都相同，只要其中之一不同就是跨域；
    同源策略主要是为了保证浏览器的安全性，在同源策略下浏览器不允许ajax
跨域获取服务器数据；

二、跨域

    跨域指从一个域名网页去请求另一个域名的资源；
    跨域可以实现同一个团体内，不同子域间相互访问；

三、百度智能搜索提示案例

案例截图
在这里插入图片描述
代码所用到的是百度智能搜索提示时的第三方接口

<style>
		* {
			margin: 0;
			padding: 0;
		}
		#container {
			width: 400px;
			min-height: 300px;
			margin: auto;
			text-align: center;
			padding: 10px;
		}
		#container ul {
			margin: 0;
		}
		#container li {
			list-style: none;
			text-align: left;
			height: 25px;
			line-height: 25px;
			cursor: pointer;
		}
		#info {
			margin-left: 95px;
		}
</style>

<body>
		<div id="container">
			<input type="text" name="keyword" id

最低0.47元/天解锁文章

风致﹏

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Ajax跨域与使用jQuery方法通过Ajax调用第三方接口（智能搜索提示）案例

跨域一、同源策略同源策略是浏览器的一种安全策略，所谓同源地址指的是请求URL地址中的协议、域名和端口都相同，只要其中之一不同就是跨域；同源策略主要是为了保证浏览器的安全性，在同源策略下浏览器不允许ajax跨域获取服务器数据；二、跨域跨域指从一个域名网页去请求另一个域名的资源；跨域可以实现同一个团体内，不同子域间相互访问；三、百度智能搜索提示案例...
复制链接

扫一扫