這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)Ajax中怎么利用jsonp方式跨域獲取數(shù)據(jù),文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
<!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文件內(nèi)容:getAInfo(["<input type='text' value='1222'/>"]) url: 'http://192.168.12.21:8080/systemr/danielinbiti.txt', dataType: 'jsonp',//跨域設(shè)置jsonp processData: false, jsonpCallback:'getAInfo',//與文件中的getAInfo對應(yīng) 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(){// 需要在后臺根據(jù)request獲取callback,然后才callback(需要返回的json內(nèi)容)的方式返回,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"><h3>通過 AJAX 改變文本</h3></div> <button id="b01" type="button">改變內(nèi)容01</button> <button id="b02" type="button">改變內(nèi)容02getJSON</button> </body> </html>
上述就是小編為大家分享的Ajax中怎么利用jsonp方式跨域獲取數(shù)據(jù)了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。