Ajax的jsonp方式跨域获取数据的简单实例
程序员文章站
2022-05-26 09:54:08
jsonp的调用,今天碰到了,正好整理了一下。
<...
jsonp的调用,今天碰到了,正好整理了一下。
<!doctype html> <html> <head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#b01").click(function(){ $.ajax({//danielinbiti.txt文件内容:getainfo(["<input type='text' value='1222'/>"]) url: 'http://192.168.12.21:8080/systemr/danielinbiti.txt', datatype: 'jsonp',//跨域设置jsonp processdata: false, jsonpcallback:'getainfo',//与文件中的getainfo对应 type: 'get', success: function(data) { $("#mydiv").html(data); }, error: function(xmlhttprequest, textstatus, errorthrown) { alert('error'); alert(xmlhttprequest.status); alert(xmlhttprequest.readystate); alert(textstatus); } }); }); $("#b02").click(function(){// 需要在后台根据request获取callback,然后才callback(需要返回的json内容)的方式返回,getjson是ajax的简化,只支持json格式 $.getjson("http://192.168.12.21:8080/systemr/b.do?jsoncallback=?",function(result){ $("#mydiv").html(result); }); }); }); </script> </head> <body> <div id="mydiv"><h2>通过 ajax 改变文本</h2></div> <button id="b01" type="button">改变内容01</button> <button id="b02" type="button">改变内容02getjson</button> </body> </html>
以上这篇ajax的jsonp方式跨域获取数据的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: VBS教程:运算符-运算符(+)
下一篇: php为什么上传图片会失败呢?