分享链接 php+ajax实现内容获取与动态修改解决方法-PHP Tutorial-php.cn

分享链接 php+ajax实现内容获取与动态修改解决方法

WBOY

Release： 2016-06-13 11:47:06

Original

1166 people have browsed it

分享链接 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 />

Copy after login

------解决方案--------------------
不过需要提醒一下，你使用 json 返回数据就称不上是 ajax 了，只能叫 ajaj

AJAX Asynchronous JavaScript and XML
ajaj Asynchronous JavaScript and JSON