大佬教程收集整理的这篇文章主要介绍了前端 - jsonp 跨域ajax，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
浏览器同源策略限制
利用创建script块,在其中执行src属性为 远程url
异域 用函数(返回值) 的形式返回参数
jquery方式
异域 用函数(返回值) 的形式返回参数
HTML代码
{#HTML代码开始#} <input @H_616_35@type="text"@H_616_35@ name="k3"@H_616_35@ value="123"> {#利用script块方式#} <input @H_616_35@type="button"@H_616_35@ onclick="b1()"@H_616_35@ value="提交1"> {#jquery 方式#} <input @H_616_35@type="button"@H_616_35@ id="bt"@H_616_35@ value="提交2"> {#HTML代码结束#}
<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>
以上是大佬教程为你收集整理的前端 - jsonp 跨域ajax全部内容，希望文章能够帮你解决前端 - jsonp 跨域ajax所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。