- 浏览: 107615 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
布莱恩丹尼斯:
表示这个方法也不行
phpMyAdmin 用户名和密码(转载) -
LYH0323:
htmlentities和htmlspecialchars的区别(转载) -
rbscau:
我用的是Sqlserver 2008 装了DB然后JBoss就 ...
ReportingServicesService占用8080端口
案例一:
ajax.html
ajax.js
ajax.php
案例二:
ajax_xml.html
ajax_xml.js
ajax_xml.php
ajax.html
<?xml version="1.0" encoding="UTF-8" ?> <!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" /> <title>Insert title here</title> <script language="javascript" src="ajax.js"></script> </head> <body> <input type="text" name="myname" onmouseout="process()"/> <input type="button" value="submit" onclick="process()" /> <div id="message"></div> </body> </html>
ajax.js
var xmlHttp; xmlHttp = create_obj(); function create_obj() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } function process() { name = document.getElementsByName("myname")[0].value; xmlHttp.open("GET", "ajax.php?name=" + name, true); xmlHttp.onreadystatechange = handle_f; xmlHttp.send(null); } function handle_f() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { result = xmlHttp.responseText; c = document.getElementById("message"); c.innerHTML = result; }else { alert(xmlHttp.statusText); } } }
ajax.php
<?php $user=array("111","222","333","444","555"); if (in_array($_GET["name"],$user)) { echo $_GET["name"]." exist."; }else { echo $_GET["name"]." not exist."; }
案例二:
ajax_xml.html
<?xml version="1.0" encoding="UTF-8" ?> <!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" /> <title>Insert title here</title> <script language="javascript" src="ajax_xml.js"></script> </head> <body> <select id="s_c" multiple="multiple" size="12" style="width: 160px;"> <option value="111">111</option> <option value="222">222</option> <option value="333">333</option> <option value="444">444</option> <option value="555">555</option> <option value="666">666</option> <option value="777">777</option> <option value="888">888</option> <option value="999">999</option> <option value="1010">1010</option> <option value="1111">1111</option> <option value="1212">1212</option> <option value="1313">1313</option> <option value="1414">1414</option> </select> </br> <input type="button" value="RandSelect" onclick="randSelect(1,10,3)" /> <input type="button" value="select" onclick="process()" /> <input type="button" value="refresh" onclick="refresh()" /> <div id="result"></div> <p>
ajax_xml.js
var xmlHttp; xmlHttp = create_obj(); function create_obj() { var xmlHttp = null; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } function createxmlcon() { var xml = "<members>"; var options = document.getElementById("s_c").childNodes; var option = null; for ( var i = 0; i < options.length; i++) { option = options[i]; if (option.selected) { xml = xml + "<member>" + option.value + "<\/member>"; } } xml += "<\/members>"; return xml; } function process() { var date = new Date(); temp = date.getTime(); var url = "ajax_xml.php?timestamp=" + temp; xmlcon = createxmlcon(); xmlHttp.open("POST", url, true); xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlHttp.setRequestHeader("Content-length", xmlcon.length); xmlHttp.onreadystatechange = handle_f; xmlHttp.send(xmlcon); } function handle_f() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { parseResult(); } else { alert(xmlHttp.statusText); } } } function parseResult() { var obj = document.getElementById("result"); if (obj.hasChildNodes()) { obj.removeChild(obj.childNodes[0]); } text = xmlHttp.responseText; var obj_text = document.createTextNode(text); obj.appendChild(obj_text); } function refresh() { var options = document.getElementById("s_c"); var option = ""; for ( var i = 0; i < options.length; i++) { option = options[i]; if (option.selected) { option.selected = false; } } } function randSelect(start, end, num) { var options = document.getElementById("s_c"); var arr = new Array(); if (start >= 0 && end >= start) { for ( var i = start, j = 0; i <= end; i++, j++) { arr[j] = i; if (options.selectedIndex >= 0) { options[i].selected = false; } } } if (num > arr.length || num < 0) { return false; } else { for ( var k = 0; k < num; k++) { var indexN = Math.floor(Math.random() * arr.length); for ( var i = 0; i < arr.length; i++) { if (i == indexN) { options[i].selected = true; } } } } // var options = document.getElementById("s_c"); // randnum=Math.floor(Math.random()*10+1); // options[randnum].selected=true; }
ajax_xml.php
<?php header("Content-Type:text/html; charset=UTF-8"); $fp=fopen("php://input", "r+"); $data=""; while (!feof($fp)) { $data.=fread($fp, 4096); } fclose($fp); $doc=new DOMDocument(); $doc->loadXML($data); $root=$doc->getElementsByTagName("members"); $root=$root->item(0); $userid=$root->getElementsByTagName("member"); foreach ($userid as $rootdata) { echo $rootdata->nodeValue; echo " "; }
发表评论
-
javascript判断只能输入整数和小数
2013-05-06 11:23 2669function clearNoNum(obj){ ... -
YUM-PHP环境搭建
2013-03-28 17:48 17766用yum安装Apache,Mysql,PHP. 用yum安 ... -
LAMP,PHP环境搭建
2013-03-28 17:47 1191用apt-get方法安装mysql5 + Apache2 + ... -
Cannot use object of type stdClass as array
2013-03-25 17:43 2875php再调用json_decode从字符串对象生成json对象 ... -
国内外常用大型经典论坛
2013-01-16 13:44 14031:PHPWIND和DISCUZ 都国产论坛程序,是现在国内目 ... -
Linux上全源码安装Apache、MySQL、PHP、WSF安装(转载)
2012-08-03 15:33 1216Linux上全源码安装Apache、MySQL、PHP、WSF ... -
Linux/Unix PHP环境搭建 一
2012-08-02 15:37 1213使用httpd-2.2.11.tar.gz软件 ... -
php给图片添加水印
2011-12-20 18:40 940<?php echo "<?xml ... -
php制作缩略图图片
2011-12-20 18:38 955<?php if (! isset ( $_POS ... -
php简单验证码
2011-12-20 18:33 1046<!-- *@copyright(c)2011 ... -
php绘图(花),饼图
2011-12-20 18:31 1277header("Content-type:ima ... -
php简单计数器
2011-12-19 17:58 914<?php //1------cookie计数器 ... -
简单的文件上传、下载、计数、删除、重命名
2011-12-19 14:22 16321.fileUpload.php <?php e ... -
javascript 表单验证(二)
2011-10-25 19:25 814表单验证(二) 一、列表框和组合框 1.访问选项 HTML D ... -
javascript 表单验证 (一)
2011-10-24 23:14 820表单 一、 1.获取表单 var oForm=document ... -
JavaScript 表单操作
2011-10-24 08:29 0/* 表单 一、 1.获取表单 var oForm=docum ... -
JavaScript事件
2011-10-24 00:08 1029[size=x-small][size=small]第九章 ... -
DOM高级
2011-10-24 00:05 1033// JavaScript Document function ... -
JavaScript事件
2011-10-23 18:32 0[size=x-small][size=small]第九章 ... -
常用正则表达式
2011-10-23 12:18 734正则表达式用于字 ...
相关推荐
ajax应用个人总结ajax应用个人总结
ajax笔记
index.jsp+easy.jsp 博文链接:https://justonly.iteye.com/blog/108293
ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习...
Ajax技术应用,纯Ajax,多界面,蛮好的,值得参考
ajax自用笔记非常不错ajax自用笔记非常不错
根据个人学习Ajax的过程总结,整理了Ajax相关基础知识点,对Ajax的使用有较详细的介绍,通过个别举例,可以快速了解Ajax的功能,比较适合初学者入门。
这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配,是学习熟悉jQuery的好资料!
Ajax笔记Ajax笔记Ajax笔记Ajax笔记Ajax笔记
JavaScript语言与Ajax应用(第二版)-源代码-董宁-51704128
如题: 一个 输入关键字动态显示列表的简单实例 ajax实例 ajax应用 根据关键字搜寻列表 ajax应用到Java
尚硅谷ajax视频课程同步笔记绝对是可以使用的哦,这个是自己总结的笔记
很好地Ajax学习资料 介绍了Ajax的主要技术,架构。 提供了具体的实例及介绍
简单的ajax应用举例。通过接触该代码,能快速理解ajax的使用。
Web2.0之Ajax 学习笔记与应用实例,Web2.0之Ajax 学习笔记与应用实例
ASP.NET Ajax学习笔记 第一章 ASP.NET AJAX基础 介绍ASP.NET AJAX 简单接处ASP.NET AJAX
Ajax不是万能的,在适合的场合使用Ajax,才能充分发挥它的长处,改善系统性能和用户体验,绝不可以为了技术而滥用。
Ajax读书笔记,在开发过程中非常实用,可以作为参考使用,
Ajax和Json的笔记
AJAX学习笔记。内含Java调用的两个实例,及JavaScript的ajax工具函数,可快速入门,也可当手册使用。个人精心整理,值得收藏。 更多:http://download.csdn.net/user/daillo/all