分享链接 php+ajax实现内容获取与动态修改
还是由于工作上的需要,做了这个分享链接功能
这个功能看起来比较简单,要做好,还真的是要花点时间的
说明一下,由于jquery包实在有点大,大多功能这里用不上,所以就没有用它了
参考网上的JS,简单的写了点JS实现了此功能
三个文件:
parse_share.html 显示页面
parse.js 接收php返回的数据操作
parse.php 远程获取数据,并处理分析,返回json数据格式给js
看demo请到这里观看
在此也给上源码地址: 分享链接 php+ajax实现内容获取与动态修改(www.onlypo.com)
还是先把源码一个个的列出来:
parse_share.html 此文件没有什么好说的
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /><html><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br /><script language="javascript" type="text/javascript" src="/test/parseurl/parse.js"></script><br /><title>分享链接 php+ajax实现内容获取与动态修改</title><br /><style><br />.float {<br /> float:left;<br /> padding: 5px;<br />}<br />.float2 {<br /> float:left;<br /> padding: 1px 5px;<br />}<br />.float2 span{<br /> <br />}<br />.inputs {<br /> width: 350px;<br /> border:1px solid #C7E0E7;<br /> heigth: 33px;<br /> padding: 8px 5px;<br /> font-size:13px;<br />}<br />.input_small {<br /> width: 240px;<br />}<br />.buttons {<br /> border:medium none;<br /> background-color:green;<br /> height:33px;<br /> width:50px;<br /> cursor:pointer;<br />}<br />.clearboth {<br /> clear:both;<br /> float:left;<br />}<br />.title {<br /> font-size:16px;<br /> width:240px;<br /> line-height:20px;<br />}<br />.content {<br /> font-size:12px;<br /> width:240px;<br /> line-height:16px;<br />}<br />.content1 {<br /> font-size:12px;<br /> width:240px;<br /> line-height:20px;<br />}<br />.clearboth img {<br /> width: 120px;<br /> height: 100px;<br />}<br />.backovercolor {<br /> background-color: #FFFF99;<br />}<br /></style><br /></head><br /><body><br /> <br /><div><br /><div class="float"><input class="inputs" type="text" name="parseurl" id="parseurl" /></div><br /><div class="float"><input class="buttons" type="button" name="parse" id="parse" value="获取" /></div><br /><div id="append"><br /></div><br /></div><br /> <br /> <br /><script type="text/javascript"><br />//给按钮绑定事件<br />addNewThing(document.getElementById('parse'), 'click', parseAsynch);<br /></script><br /></body><br /></html> <br />