JSONP如何使用(原生js以及Jquery方法)

因为ajax的跨域问题,导致在进行跨域操作时,数据无法接收,从而产生了这个不正规但好用的JOSNP技术。
ajax存在跨域问题,但纵观前端技术中,发现我们可以通过src去引用cdn的js,可以通过src去引用网上的某个图片。
那么,我们能通过src去引用js并执行js中的内容吗。答案是肯定的

HTML




    
    JSONP的应用JS例子





JavaScript

/*
如在上面js中创建的函数名为test();
如此一来,当调用成功后则执行该函数,并处理数据。
则在下方使用test({//要传输的数据});
如:
  test({name:"张三",age:18,sex:"男"});
*/
test({name:"张三",age:18,sex:"男"});

如此以来,便可以通过src的方式进行跨域获取数据。

那么jquery的方式又该如何去使用呢?
尽管jsonp和ajax没有任何关联,但因为jsonp通过前端的方式解决了ajax的跨域问题,所以Jquery将jsonp和ajax封装在了一起

HTML




    
    JSONP的应用JQUERY例子
    





/*
如在上面js中创建的函数名为test();
如此一来,当调用成功后则执行该函数,并处理数据。
则在下方使用test({//要传输的数据});
如:
  test({name:"张三",age:18,sex:"男"});
*/
test({name:"张三",age:18,sex:"男"});

通过以上方法,便可以使用jquery实现jquery的调用

你可能感兴趣的:(JSONP如何使用(原生js以及Jquery方法))