a cross-domain processing problem when JavaScript resolves API requests
1 <!DOCTYPE HTML>2 <HTMLLang= "en">3 <Head>4 <MetaCharSet= "UTF-8">5 <title>Jsonp for cross-domain access</title>6 </Head>7 <Body>8 <DivID= "Mydiv">9 <ButtonID= "BTN">click</Button>Ten </Div> One </Body> A <Scripttype= "Text/javascript"> - functionHandleresponse (response) { - Console.log (response); the varGetValue=Response.data; - Console.log (response.data.city); - } - </Script> + <Scripttype= "Text/javascript"> - window.onload= function() { + varobtn=document.getElementById ('btn'); A Obtn.onclick= function() { at varScript=Document.createelement ("Script"); - script.src= "http://wthrcdn.etouch.cn/weather_mini?city= Beijing &callback=handleresponse"; - document.body.insertBefore (script, document.body.firstChild); - }; - - }; in </Script> - </HTML>
The last console output returns JSONP data as follows
JSONP Cross-domain access