<p>网络上流传的ajax解决跨域的方法</p><pre class="brush:php;toolbar:false"><script type="text/javascript"> <br/> $.ajax({ <br/> url:"http://crossdomain.com/services.php", <br/> dataType:'jsonp', <br/> data:'', <br/> jsonp:'callback', <br/> success:function(result) { <br/> for(var i in result) { <br/> alert(i+":"+result[i]);//循环输出a:1,b:2,etc. <br/> } <br/> }, <br/> timeout:3000 <br/> }); <br/></script> <br/><br/></pre><p>但是我使用这种方法在请求腾讯的api的时候无法获取数据，最后在查看文档的时候发现了<br/></p><p><img src="http://img.80zx.com/ueditor/image/202109/1631183764f1ff6e.gif" title="获取省市区列表" alt="获取省市区列表"/></p><p>最后在请求参数带入output,callback解决</p><pre style="background-color:#262e37;color:#ffffff;font-family:'Consolas',monospace;font-size:11.3pt;"><span style="font-style:italic;">$</span>.<span style="color:#4ac60a;">ajax</span>({<br/> <span style="color:#660e7a;font-weight:bold;">url</span><span style="color:#f92672;">:</span><span style="color:#e6db74;">"https://apis.map.qq.com/ws/district/v1/list"</span>, <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">请求的</span><span style="color:#5b7773;background-color:#191f26;">url</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">地址</span><span style="color:#5b7773;font-family:'宋体',monospace;"><br/></span><span style="color:#5b7773;font-family:'宋体',monospace;"> </span><span style="color:#660e7a;font-weight:bold;">dataType</span><span style="color:#f92672;">:</span><span style="color:#e6db74;">'jsonp'</span>,<br/> <span style="color:#660e7a;font-weight:bold;">jsonp</span><span style="color:#f92672;">:</span><span style="color:#e6db74;">'callback'</span>,<br/> <span style="color:#660e7a;font-weight:bold;">data</span><span style="color:#f92672;">:</span>{<span style="color:#660e7a;font-weight:bold;">key</span><span style="color:#f92672;">: </span><span style="color:#e6db74;">'</span><span style="color:#f92672;"><?php echo </span>$apicfg[<span style="color:#e6db74;">'tx_mapkey'</span>]; <span style="color:#f92672;">?></span><span style="color:#e6db74;">'</span>,<span style="color:#660e7a;font-weight:bold;">output</span><span style="color:#f92672;">:</span><span style="color:#e6db74;">'jsonp'</span>,<span style="color:#660e7a;font-weight:bold;">callback</span><span style="color:#f92672;">:</span><span style="color:#e6db74;">'callback'</span>}, <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">参数值</span><span style="color:#5b7773;font-family:'宋体',monospace;"><br/></span><span style="color:#5b7773;font-family:'宋体',monospace;"> </span><span style="color:#660e7a;font-weight:bold;">type</span><span style="color:#f92672;">:</span><span style="color:#e6db74;">"GET"</span>, <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">请求方式</span><span style="color:#5b7773;font-family:'宋体',monospace;"><br/></span><span style="color:#5b7773;font-family:'宋体',monospace;"> </span><span style="color:#4ac60a;">beforeSend</span><span style="color:#f92672;">:function</span>(){<br/> <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">请求前的处理</span><span style="color:#5b7773;font-family:'宋体',monospace;"><br/></span><span style="color:#5b7773;font-family:'宋体',monospace;"> </span>},<br/> <span style="color:#4ac60a;">success</span><span style="color:#f92672;">:function</span>(<span style="color:#fd971f;font-style:italic;">a</span>){<br/> <span style="color:#660e7a;font-weight:bold;font-style:italic;">console</span>.<span style="color:#4ac60a;">log</span>(<span style="color:#fd971f;font-style:italic;">a</span>)<br/><br/><br/> },<br/> <span style="color:#4ac60a;">complete</span><span style="color:#f92672;">:function</span>(){<br/> <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">请求完成的处理</span><br/> },<br/> <span style="color:#4ac60a;">error</span><span style="color:#f92672;">: function </span>(<span style="color:#fd971f;font-style:italic;">xhr</span>, <span style="color:#fd971f;font-style:italic;">textStatus</span>, <span style="color:#fd971f;font-style:italic;">errorThrown</span>) {<br/> }<br/>});</pre><p><br/></p>
相关文章
