源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

强烈推荐-ajax开发者必看的文章第1/3页

  • 时间:2021-12-04 17:20 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:强烈推荐-ajax开发者必看的文章第1/3页
[b]七、AJAX开发[/b]   到这里,已经可以清楚的知道AJAX是什么,AJAX能做什么,AJAX什么地方不好。如果你觉得AJAX真的能给你的开发工作带来改进的话,那么继续看看怎么使用AJAX吧。[url=http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html]W3C[/url]的官方网站上查到。其中,200代表页面正常。
if (http_request.status == 200) {
// 页面正常,可以开始处理信息
} else {
// 页面有问题
}
  XMLHttpRequest对成功返回的信息有两种处理方式:    responseText:将传回的信息当字符串使用;    responseXML:将传回的信息当XML文档使用,可以用DOM处理。 E、一个初步的开发框架   总结上面的步骤,我们整理出一个初步的可用的开发框架,供以后调用;这里,将服务器返回的信息用window.alert以字符串的形式显示出来:
<script language="javascript">
var http_request = false;
function send_request(url) {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回,开始处理信息
alert(http_request.responseText);
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
</script>[url=javascript:void(0)]
  在框架的基础上增加一个响应函数showRoles(obj):
//显示部门下的岗位
function showRoles(obj) {
document.getElementById(obj).parentNode.style.display = "";
document.getElementById(obj).innerHTML = "正在读取数据..."
currentPos = obj;
send_request("sample2_2.jsp?playPos="+obj);
}
  修改框架的processRequest函数:
// 处理返回信息的函数
function processRequest() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回,开始处理信息
document.getElementById(currentPos).innerHTML = http_request.responseText;
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
  最后就是smaple2_2.jsp了:
<%@ page contentType="text/html; charset=gb2312" errorPage="" %>
<%
String playPos = request.getParameter("playPos");
if("pos_1".equals(playPos))
out.print("  总经理<br>  副总经理");
else if("pos_2".equals(playPos))
out.println("  总工程师<br>  软件工程师");
%>
  运行一下看看效果: [img]http://files.jb51.net/upload/200737215029921.jpg[/img] [img]http://files.jb51.net/upload/200737215029743.jpg[/img] [/url] [b]7.4、文档对象模型(DOM)[/b]   文档对象模型(DOM)是表示文档(比如HTML和XML)和访问、操作构成文档的各种元素的应用程序接口(API)。一般的,支持Javascript的所有浏览器都支持DOM。本文所涉及的DOM,是指W3C定义的标准的文档对象模型,它以树形结构表示HTML和XML文档,定义了遍历这个树和检查、修改树的节点的方法和属性。
当前1/3页 [b]1[/b][url=http://www.1sucai.cn/article/7929_2.htm]2[/url][url=http://www.1sucai.cn/article/7929_3.htm]3[/url][url=http://www.1sucai.cn/article/7929_2.htm]下一页[/url][url=http://www.1sucai.cn/article/7929_all.htm]阅读全文[/url]
[b]Tags:[/b][url=http://common.jb51.net/tag/%E5%BC%BA%E7%83%88%E6%8E%A8%E8%8D%90%2Dajax%E5%BC%80%E5%8F%91%E8%80%85%E5%BF%85%E7%9C%8B%E7%9A%84%E6%96%87%E7%AB%A0/1.htm]强烈推荐-ajax开发者必看的文章[/url]
[h1]相关文章[/h1] [list][*]2014-03-03[url=http://www.1sucai.cn/article/47678.htm]ajax实现输入框文字改变展示下拉列表的效果示例[/url][/*][*]2007-04-04[url=http://www.1sucai.cn/article/9545.htm]Ajax 无刷新在注册用户名时的应用的代码[/url][/*][*]2009-09-09[url=http://www.1sucai.cn/article/20186.htm]AJAX 进度条实现代码[/url][/*][*]2016-02-02[url=http://www.1sucai.cn/article/79843.htm]聊一聊Ajax的优缺点[/url][/*][*]2016-06-06[url=http://www.1sucai.cn/article/86538.htm]AjaxToolKit之Rating控件的使用方法[/url][/*][*]2015-09-09[url=http://www.1sucai.cn/article/72477.htm]浅析JSONP之解决ajax跨域问题[/url][/*][*]2013-03-03[url=http://www.1sucai.cn/article/34528.htm]Ajax $.getJSON案例详解[/url][/*][*]2017-06-06[url=http://www.1sucai.cn/article/115291.htm]javascript请求servlet实现ajax示例(分享)[/url][/*][*]2009-06-06[url=http://www.1sucai.cn/article/18519.htm]asp.net 全部选中与取消操作,选中后的删除(ajax)实现无刷新效果[/url][/*][*]2013-06-06[url=http://www.1sucai.cn/article/38416.htm]ajax实现session不过期(避免页面过期的现象)[/url][/*][/list]
[url=http://www.1sucai.cn/article/7929.htm#comments][/url]
[h1]最新评论[/h1]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部