何为跨域？何为JSONP？JSONP技术能实现什么？是否有必要使用JSONP技术？
就是阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。即受到请求的URL的域必须与当前Web页面的域相同，意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。
“同源策略”有效地阻止了一些危险行为，如你同时打开多个网站时，其中有一个木马网站，那么木马网站就有可能窃取其他网站上关于你的信息或资料（因为多个网站间是可以相互通信的），给网上用户带来很大的泄密风险。正是由于有了“同源策略”，才大大降低了这种风险，由于木马网站与其他你浏览的网站不同源，因此无法相互间通信访问、获取数据等。
URL
说明
是否允许通信
同一域名下
允许
同一域名下不同文件夹
允许
同一域名，不同端口
不允许
同一域名，不同协议
不允许
域名和域名对应ip
不允许
主域相同，子域不同
不允许
同一域名，不同二级域名
不允许
不同域名
不允许
为了解决上面提到的需求，JSONP应运而生。其实JSONP在一定程度上弥补了AJAX的不足，即无法跨域获取数据。
是的，恍然大悟的时刻到了，其实JSONP就是利用这一点（可以算是漏洞、也可以算是技术吧）实现了跨域访问数据。（其实有src属性的不止<script>标签，如<iframe>标签也是能够运用JSONP技术的）。说白了，其实JSONP跨域技术本质上是创建<script>标签，并通过其src指向跨域地址而实现跨域获取数据。
JSONP(JSON with Padding)，就是异步请求跨域的服务器端时，不是直接返回数据，而是返回一个js方法，把数据作为参数传过来。如果只是跨域传递数据那么这种方式是比较好的。字面理解就是：利用内填充的原理，将json填充到一个box中的概念。
原理总是又饶又拗口，直接来个简单的小例子吧！
则页面会弹出“twobin”，是否更为直观好理解一点呢！
这个JSON对象被包在jsonp这个函数中当作参数来被处理，而“JSON with Padding”这个词很形象地形容了这个过程。
在百度首页搜索框中其实就用到了JSONP技术，如我们在百度搜索框中输入json，则下拉框会自动给出多个相关的联想词，而这些联想词其实是从另一个不同源的域名中获取的数据，通过JSONP技术获取这些数据后实时的显示在下拉列表中。
本文就是仿百度搜索联想实现一个采用JSONP技术的例子。
首先需要知道联想词数据的来源地址。在Chrome中的JavaScript控制台下，查看Network，在百度搜索框中输入关键词，如“json”，则获取到输入“json”关键词后传回的数据。
其中，联想词数据的地址是：
既然是利用<script>标签的src地址来获取跨域数据，就不能将src地址写死，而应该根据需求动态获取跨域数据，因此需要根据需求动态生成<script>标签后动态指定src地址。
注意：动态生成<script>标签时会产生代码冗余，由于我们每输入一个字符，页面就会动态生成一个<script>标签，一旦我们输入的字符繁多且不同，页面就会实时生成众多的冗余标签，因此需要在我们输入字符前检查是否存在冗余的<script>标签，如果存在则将其删除，从而避免代码冗余。