jsonp 跨域ajax原理:

  浏览器同源策略限制

如何解决同源策略限制:  

  方式一:

    利用创建script块,在其中执行src属性为 远程url
        异域 用函数(返回值) 的形式返回参数  

  方式二:

    jquery方式
    异域 用函数(返回值) 的形式返回参数

HTML代码

    {#html代码开始#}
<input type="text" name="k3" value="123">
{#利用script块方式#}
<input type="button" onclick="b1()" value="提交1">
{#jquery 方式#}
<input type="button" id="bt" value="提交2">
{#html代码结束#}

js代码

    <script src="/static/js/jquery-1.12.4.min.js"></script>
<script>
{#利用script块方式#}
function b1() {
var tag = document.createElement("script");
tag.src = "http://172.16.3.107:9999/jsonp?callback=func";
document.head.appendChild(tag);
document.head.removeChild(tag);
} {#jquery 方式#}
$('#bt').click(function () {
$.ajax({
url:'http://172.16.3.107:9999/jsonp/',
type:'GET',
dataType:'jsonp',
jsonp:'callback',
jsonpCallback:'func'
})}); {#定义包裹的函数,从而获取包裹的数据信息#}
function func(arg) {
console.log(arg)
}
</script>

别人网站设置

  将返回的数据用函数包裹(这里包括的函数从get中提取)

最新文章

  1. HDU3466 Proud Merchants[背包DP 条件限制]
  2. VOC2007检测任务的评估标准
  3. 我的PHP编程环境变迁:notepad -&gt; notepad++ -&gt; Sublime Text2 -&gt; PhpStorm
  4. BootStrap学习------栅格
  5. 如何在windows中编写R程序包(转载)
  6. mongodb 3.2存储目录结构说明
  7. 261. Graph Valid Tree
  8. hdu 1599 find the mincost route(flyod求最小环)
  9. (转)Python获取当时时间
  10. Codeforces 850C Arpa and a game with Mojtaba
  11. 深入研究Sphinx的底层原理和高级使用
  12. IO流--与properties集合配合使用
  13. Android动画总结
  14. JDK8集合类源码解析 - LinkedList
  15. Mysql安装(msi版的安装)
  16. Python 中parse.quote类似JavaScript encodeURI() 函数
  17. 浅谈Mysql 表设计规范(转)
  18. 加密算法(扩展知识:Base64编码)
  19. Log4net用法(App.config配置)
  20. Python Pandas找到缺失值的位置

热门文章

  1. http请求流程
  2. TODO monkey笔记,PC端执行和手机端执行
  3. log4j 配置,tomcat 启动或有后台操作时,控制台会显示很多 DEBUG 信息
  4. (string 数组) leetcode 804. Unique Morse Code Words
  5. php+mysql简单的添加和删除小案例
  6. 5款 Mac 常用PDF阅读和编辑软件推荐
  7. Java泛型、List接口整理
  8. python并发编程(并发与并行,同步和异步,阻塞与非阻塞)
  9. 【C#】C#创建自定义Object对象
  10. vue @blur v-model数据没有更新问题