本文实例讲述了php+xml结合Ajax实现点赞功能的方法。分享给大家供大家参考。具体如下:使用xml、php和Ajax实现点赞功能,不需要链接数据库,使用php来修改xml的内容,使用Ajax直接或许xml的内容。一、准备好xml:
<?xml version="1.0"?>
<goodtree> <goodnode> <id>0</id> <count>17</count> </goodnode> <goodnode> <id>1</id> <count>37</count> </goodnode> <goodnode> <id>2</id> <count>67</count> </goodnode>
</goodtre...
下来列表实例引入jquery文件<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="../jquery-1.11.2.min.js"></script>
</head>
样式<body>
<h1>加载数据</h1><select id="nation">
</select></body>
js代码<script type="text/javascript">
$(document).ready(function(e) {//页面加载完成后在执行的方法$.ajax({url:"sel.php",dataType:"TEXT",success: function(data){//请求完成后...
ajax,入门实例教程本例针对php页面,做了一个小的demo加深对ajax的理解1.文档结构:共有ajax.php 和action.php 2个页面。2.源码如下:/*ajax.php页面*/<!DOCTYPE html><html lang="en"><head><title> ajax</title><script type="text/javascript">function loadXMLDoc(){
var xmlhttp;
var q=document.getElementById("q").value;/*获取id为q的input的值*/
if (window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest();//实例化aja...
项目结构: 项目演示: 技术要点:1.3.2 技术要点在基本原理的介绍中,了解到通过在父节点内动态创建子节点,并利用样式表缩进完成树形列表的基本框架。除了这一点外,还有下面一些问题需要考虑。1 .将父节点所有的子节点放入一个容器中基本原理页面中仅包含了创建子节点的功能,不可以将创建好的节点再进行关闭操作。实际应用中菜单总是包含打开和关闭两种操作。为了方便进行关闭操作,将子节点放入一个容器中,在关闭时只需要设...
http的交互方法有四种:get、post、put(增加数据)、delete(删除数据)put和delete实现用的是get和post get方式页面不能被修改,只是获取查询信息。但是提交的数据会通过链接暴露在外,使用get请求会被人拿到登陆的用户名和密码,url长度有限制post方式页面可以修改,比如回帖、评论。但是提交的数据不会暴露在外,url长度无限制,但是提交大小会有限制默认不被缓存,不在同一个请求域下远程请求,post都会被转为get 推荐两篇不错的j...
js分类中有一节【原生js异步请求,XML解析】主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析,今天我将用一个实例来说明具体要如何操作.前台的参数类型也是XML使用的是jquery:123456789101112131415161718192021 function test(){ var xmlString ="<bookstore>"+ "<book Type=‘必修课‘ ISBN=‘7-111-19149-2‘>"+ "<title>数据结构</title>"+ ...
sanji.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../jquery-2.2.2.min.js"></script>
<script src="sanji.js"></script>
<title>无标题文档</title>
</head><body><h1>三级联动</h1><div id="sj"...
今天简单总结一下ajaxfileupload的用法,具体实例如下:1.上传一个文件并携带多个参数.
2.上传多个文件并携带多个参数.
扩展:可以通过jquery扩展为添加文件选择框,去除文件选择框,而不是写死只能上传几个文件.
3.上传一个文件并携带多个参数,同时上传完成之后,及时显示.
4.上传一个文件并携带多个参数,上传之前实现预览.5.上传一个文件,并携带多个参数. 通过css将界面完善的更加人性化:点击图片选择文件.项目通过maven构建,前后...
周末闲来无事,突然想写个分页的东西玩玩,说走就走 在文章最后我会把整个项目+数据库附上,下载下来直接运行就可以看效果了。整个项目采用的是简单三层模式,开发平开是VS2010+SQL2012一、我要做什么很显然,我想完成一个数据的真分页功能,怎么完成呢,干脆就写一个列表页,取名为:学生列表页信息。列表页当数据量很大的时候,如果采用的假分页,将导致漫长的等待,同时极大的占用服务器资源等等。总之,诸多不便,十分不科学。...
1.jsp代码第一部分(html代码):前端页面 <div id="login"> 用户名: <input type="text" id="userName"/> <!--用户名--> 密码: <input type="password" id="psw"/> <!--密码--> <input type="submit" value="登录" onclick="check()"/> <!--登录--> <div id="tip"></div> <!--用于输出提示信息--></div> ...
jQuery Ajax: $.post请求实例leyangjun.html页面<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./jquery-2.0.0.min.js"></script>
<script>
$(document).ready(function(){
$("#sub").click(function(){
$.post("leyangjun.php",{name:$("#name").val()},function(data,textStatus){
$("#result").append("data:"+data.name);$("#result").a...
1. 级联下拉列表例1.1 级联下拉列表。(1)编写AjaxRequest.js文件,并将其保存到JS文件夹中。AjaxRequest.js的具体代码如下:var net = new Object(); //定义一个全局变量net
//编写构造函数
net.AjaxRequest=function(url,onload,onerror,method,params){this.req = null;this.onload = onload;this.onerror=(onerror)?onerror:this.defaultError;this.loadDate(url,method,params);
}
//编写用于初始化XMLHttpRequest对象并指定...
创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据。来源于菜鸟教程<!DOCTYPE html><html><head><meta charset="utf-8"><script>function loadXMLDoc(){ var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=functi...
1:取得file对象 2:读取2进制数据 3:模拟http请求,把数据发送出去(这里通常比较麻烦) 在forefox下使用 xmlhttprequest 对象的 sendasbinary 方法发送数据; 4:完美实现 遇到的问题 目前仅有 firefox 可以正确上传文件。(chrome也可以采google.gears上传) 对于从firefox和chrome下读取到的文件数据好像不一样(不知道是否是调试工具的原因) chrome以及其他高级浏览器没有 sendasbinary 方法 只能使用 send 方法发送数据,有可能...
本文实例讲述了Ajax对缓存的处理方法。分享给大家供大家参考,具体如下:
缓存
浏览器的一次请求需要从服务器获得许多的css、img、js等相关文件,如果每次请求都把相关的资源文件加载一次,对带宽、服务器资源、用户等待时间都有严重的损耗,浏览器有做优化处理,其把css、img、js等文件在第一次请求成功后就在本地保留一个缓存备份,后续的每次请求就在本身获得相关的缓存资源文件,可以明显的加快用户的访问速度。
css、img、js等...