Ajax：一种网页开发技术(Asynchronous Javascript + XML)

创建新的 XMLHttpRequest 对象(Ajax 应用程序的核心):

<script language="javascript" type="text/javascript">var xmlHttp = new XMLHttpRequest();
</script>

用 JavaScript 代码捕获和设置字段值

//获取 id 值为 first_name 的表单域
var name = document.getElementById('first_name').value;//修改 id 值为 test 的表单域的值
document.getElementById('test').value = response[0];

在 Microsoft 浏览器上创建 XMLHttpRequest 对象

var xmlHttp = false;
try {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {try {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (e2) {xmlHttp = false;}
}

以支持多种浏览器的方式创建 XMLHttpRequest 对象

/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {try {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (e2) {xmlHttp = false;}
}
@end @*/if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {xmlHttp = new XMLHttpRequest();
}

开始工作：发送Ajax请求

function callServer() {// Get the city and state from the web formvar city   = document.getElementById("city").value;var state = document.getElementById("state").value;// Build the URL to connect tovar url = "/scripts/getZipCode.php?city=" + escape(city) + "&state=" + escape(state);// Open a connection to the serverxmlHttp.open("GET", url, true);// Setup a function for the server to run when it's donexmlHttp.onreadystatechange = updatePage;// Send the requestxmlHttp.send(null);
}

转载于:https://www.cnblogs.com/mvpchenjian/p/4981418.html

Ajax：一种网页开发技术(Asynchronous Javascript + XML)相关推荐

畅游Python 二十二：网页开发技术方案：AJAX
一.概述对于WEB应用程序而言:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回的是字符串(HTML),浏览器将字符串(HTML)渲染并显示在浏览器上. 1.传统的Web应用一个简 ...
雅虎JavaScript架构师：网页开发技术安全优先
由于当前技术仍偏向功能强化为主要思维,指令码趋向庞杂的结果,容易产生更多安全漏洞,且失去快速因应攻击调整架构的灵活性. 身为JavaScript网路技术重要推手的雅虎(Yahoo!)架构设计师Doug ...
JSP动态网页开发技术
一.学习目标 1.JSP概述 2.JSP指令 3. JSP 隐式对象二.重点知识 1.JSP概述:JSP是什么? 1)JSP全称Java Server Pages,是一种动态网页开发技术.它使用JS ...
动态网页开发技术（三）：jsp
Jsp概述 java server pages-java服务器页面,是一种动态网页技术标准,在传统的网页HTML中插入Java程序段(Scriptlet和JSP标记tag),从而形成JSP文件.JSP ...
55种网页常用小技巧(javascript) （转）
55种网页常用小技巧(javascript) 1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <tab ...
几种移动开发技术的比较和选型
为什么80%的码农都做不了架构师?>>> 首发:个人博客,更新&纠错&回复移动开发很火,移动开发技术很多.都有哪些技术?相互对比如何?怎样选择? 简单列了个表 ...
java web进阶篇（八） Ajax（阿贾克斯）开发技术
Ajax(Asynchronous JavaScript and XML)并不是一项新的技术,它产生的主要目的之一就是用于页面的局部刷新. 其本身是一门综合性的技术,应用了HTML.JavaScrip ...
php三种web开发技术,三种WEB开发主流技术ASP-PHP-JSP的评价
三种Web开发主流技术ASP-PHP-JSP的评价 [摘要]本文从程序开发者的角度,对现今社会盛行的WEB开发技术进行了分析,旨在让WEB 开发人员.使用者.准备学习的人对WEB开发技术有更加深入的了 ...
前端开发技术-剖析JavaScript单线程
JavaScript单线程和多线程是很多小白同学入门的时候问到最多的问题,虽然官方给出过解释但对于新手来说并不友好,今天小千就来给大家介绍一下JavaScript的单线程. 一. 浏览器的进程和线程 ...

Ajax：一种网页开发技术(Asynchronous Javascript + XML)

Ajax：一种网页开发技术(Asynchronous Javascript + XML)相关推荐

最新文章

热门文章