Home > Article > Backend Development > 分享链接 php+ajax实现内容获取与动态修改解决方法
分享链接 php+ajax实现内容获取与动态修改解决方法
- WBOYOriginal
- 2016-06-13 11:47:061127browse
分享链接 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 />------解决方案--------------------
不过需要提醒一下，你使用 json 返回数据就称不上是 ajax 了，只能叫 ajaj
AJAX Asynchronous JavaScript and XML
ajaj Asynchronous JavaScript and JSON
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：网页获取登录的qq号码解决方法Next article：zend studio 复制粘贴卡的要命解决方法