网站被篡改怎样做,泰州网站制作案例,网站建设原则应考虑哪些内容,网站开发与维护宣传册方案一#xff1a;
浏览器由于安全的限制#xff0c;不允许跨域访问。但是PHP服务器是允许的。我们可以通过使用PHP文件做代理#xff0c;通过PHP来调用接口。
详细接口分析可参看#xff1a;http://www.cnblogs.com/wangjingblogs/p/3192953.html
返回JSON格式
PHP代码…方案一
浏览器由于安全的限制不允许跨域访问。但是PHP服务器是允许的。我们可以通过使用PHP文件做代理通过PHP来调用接口。
详细接口分析可参看http://www.cnblogs.com/wangjingblogs/p/3192953.html
返回JSON格式
PHP代码 ?php //此接口返回json格式
echo file_get_contents(http://www.weather.com.cn/data/cityinfo/101181601.html);? HTML代码 !DOCTYPE html
html
headtitle调用天气预报接口/title
/head
body
script typetext/javascript
window.onload function () {//创建XMLHttpRequest对象var xmlHttp new XMLHttpRequest();//创建连接xmlHttp.open(get,./getWeather.php);//判断准备状态及状态码xmlHttp.onreadystatechange function(){if (xmlHttp.readyState 4 xmlHttp.status 200) {//把后台传来的字符串类型的数据信息转换成对象eval(var info xmlHttp.responseText);//把weatherinfo对象中的数据存放到info中info info.weatherinfo;console.log(info);//拼接字符串var str ;str 城市 info.city br;str 城市编号 info.cityid br;str 温度 info.temp1 ~ info.temp2 br;str 天气 info.weather br;str 发布时间 info.ptime br;//把数据输出到浏览器document.getElementById(weather).innerHTML str;}}//发送连接xmlHttp.send(null);
}
/scriptdiv idweather!-- 此处显示天气预报 --
/div
/body
/html 方案二 为天气预报接口可直接将以上代码放到项目中直接使用 iframe name\weather_inc\ src\http:\/\/i.tianqi.com\/index.php?ccodeid1\ width\330\ height\35\ frameborder\0\ marginwidth\0\ marginheight\0\ scrolling\no\\/iframe 完整代码 !DOCTYPE html
html
headtitle调用天气预报接口/title
/head
script typetext/javascriptdocument.writeln(iframe name\weather_inc\ src\http:\/\/i.tianqi.com\/index.php?ccodeid1\ width\330\ height\35\ frameborder\0\ marginwidth\0\ marginheight\0\ scrolling\no\\/iframe);
/script
body
!-- 天气预报接口 --
iframe width420 scrollingno height60 frameborder0 allowtransparencytrue srchttp://i.tianqi.com/index.php?ccodeid17icon1num3/iframe/body
/html 另外,还有一些网站提供了免费的接口调用很方便可自定义天气预报样式并生成相应的代码放在项目中即可直接使用
http://www.tianqi.com/plugin/
http://www.cnblogs.com/wangjingblogs/p/3192953.html 更多专业前端知识请上
【猿2048】www.mk2048.com