xmlhttp

通过CGI实现在Web页面上执行shell命令 实验环境： 腾讯云服务器centos7 Apache-httpd的安装: 使用命令安装 yum install httpd命令安装 yum install httpd #安装成功我们可以看到在/var/目录下会产生一个www的目录，该目录下还包含/cgi-bin/ /html/连个目录 cgi-bin目录下主要存放cgi文件 html目录下主要存放html网页文件 此时可启动httpd服务，查看启动后的状态； [ root@VM_0_16_centos cgi-bin ] # systemctl start httpd.service [ root@VM_0_16_centos cgi-bin ] # systemctl status httpd.service ● httpd.service - The Apache HTTP Server Loaded: loaded ( /usr/lib/systemd/system/httpd.service ; disabled ; vendor preset: disabled ) Active: active ( running ) since Sat 2019-10-12 22:47:27 CST ; 12h ago Docs: man:httpd ( 8 ) man

前段时间学习了AJAX，在后面要进行与后台的交互就学习了一下。 在这里，我们要知道我们要使用的东西来进行传递—form表单 form表单 在这里form表单主要还是以post和get的方式来进行提交数据 而post和get的性质我在上一节也提到过 我们有POST与GET方法 我们大多数用的是GET方法，GTE相对POST而言更简单也更快，POST适合发送大量数据的是时候（GET会将用户的部分参数例如账号密码放在url后，而POST不会，所以POST 比 GET 更稳定也更可靠）。 我们将按钮设置为type=submit就可以实现提交（重点是 这个按钮要放在form表单内）举个例子 <form action="" method="GET"> <button type="submit">登陆</button> </form> 这上面的method就是GET与POST 而action则是你交互的地址 我们在点击这个按钮就会提交数据了 再举个例子 <form action="" method="post/get"> <input type="text" name="username" placeholder="username"> <input type="password" name="password" placeholder="password"> <input type=

1. 链接测试 1.1 测试点： 是否添加链接 链接页面是否存在 链接页面与需求是否一致：页面的正确性、打开方式 等 一般，该链接测试在集成测试阶段（页面均开发完成）的时候进行 1.2 测试工具： Xenu Link Sleuth 免费 绿色免安装软件 HTML Link Validator 共享（30天试用） 1.3 延伸代码： 测试工具在实际应用时，其实是挺受限的。有时候，需要自己写点小代码去验证，主要用于系统回归。 比如： 1 // 封装判断web链接返回状态是否为2开头的 2 public static void ReadUrl(String surl){ 3 try { 4 URL url = new URL(surl); 5 URLConnection rulConnection = url.openConnection(); 6 HttpURLConnection httpUrlConnection = (HttpURLConnection) rulConnection; 7 httpUrlConnection.setConnectTimeout(300000); 8 httpUrlConnection.setReadTimeout(300000); 9 httpUrlConnection.connect(); 10 String code = new Integer

1.ajax介绍 　　见过百度的搜索框吗？当你输入一个关键词，下面立马会出现一些相关的热词，这就是用ajax做到的。 2.环境设想： 　　有一个注册页面.jsp 　　<span id="mess"></span> 　　用户名：<input type="text" id="username" onblur="showMSG()"/> 　　当你鼠标移除焦点时会触发jscript中showMSG方法，想立刻从数据库中查该用户名是否可用 3.script中代码： 　　var username; 　　function showMSG(){ 　　　　//获得界面输入的用户名 　　　　username=document.getElementById("username").value; 　　　　//创建浏览器对象 　　　　createXMLHttp(); 　　　　xmlHttp.onreadystatechange=function showMsgCallBack(){ 　　　　　　if(xmlHttp.readState==4){　　　　//响应完成 　　　　　　　　if(xmlHttp.status==200){　　//交易成功 　　　　　　　　　　document.getElementById("mess").innerHTML=xmlHttp.responseText;　　　　/

AJAX = 异步 JavaScript 和XML。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。 AJAX如何工作 浏览器（发生某个事件-创建XMLHttRequest对象-发送HttpRequest）->Internet->服务器 （处理HttpRequest-创建响应返回浏览器）->浏览器（使用JS处理返回的数据，更新内容） XMLHttpRequest 对象 （与服务器异步交互数据） JavaScript/DOM （显示/取回信息） CSS 　　　　　　 （设置数据的样式） XML 　　　　　　 （常用作数据传输的格式） XMLHttpRequest 是 AJAX 的基础。 MLHttpRequest 对象.所有现代浏览器均支持 XMLHttpRequest 对象（IE5和 IE6 使用 ActiveXObject）。 <script> var xhr; if (window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } else{ xhr = new ActiveXObject("Microsoft.XMLHTTP”); } </script> 发送请求

ajax中xmlhttp.readyState和xmlhttp.status的值及解释 xmlhttp.readyState的值及解释： 0：请求未初始化（还没有调用 open()）。 1：请求已经建立，但是还没有发送（还没有调用 send()）。 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。 3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。 4：响应已完成；您可以获取并使用服务器的响应了。 xmlhttp.status的值及解释： 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 200——交易成功 201——提示知道新文件的URL 202——接受和处理、但处理未完成 203——返回信息不确定或不完整 204——请求收到，但返回信息为空 205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件 206——服务器已经完成了部分用户的GET请求 300——请求的资源可在多处得到 301——删除请求数据 302——在其他地址发现了请求数据 303——建议客户访问其他URL或访问方式 304——客户端已经执行了GET，但文件未变化 305——请求的资源必须从服务器指定的地址得到 306——前一版本HTTP中使用的代码，现行版本中不再使用 307——申明请求的资源临时性删除 400——错误请求

/* * By:D.n.sky Xml Http Xml Http 是通过http协议传送或接收XML及其他数据的一套API IE中使用ActiveXObject方法创建 Xml Http 对象， FireFox ， Opera 等通过window.XMLHttpRequest来创建 Xml Http */ /* * Xml Http 对象属性 '*' 表示此属性是W3C文档对象模型的扩展 ------------------------------------------------------ 1.onreadystatechange * -w 指定当readyState属性改变时的事件处理句柄 2.readyState -r 返回当前请求的状态 ----------------------------------- 0 未初始化 对象已建立，但是尚未初始化（尚未调用open方法） 1 初始化 对象已建立，尚未调用send方法 2 发送数据 send方法已调用，但是当前的状态及http头未知 3 数据传输中 已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取的部分数据会出错 4 完成 数据接收完毕，此时通过responseBody和responseText获取完整的回应数据 3.responseBody -r

概念 　　Ajax，即异步的JavaScript和XML（Asynchronous JavaScript and XML），是一种无需重新加载整个网页的情况下，更新部分网页的技术 优点 通过异步模式，提升用户体验 优化浏览器和服务器间传输，减少不必要的数据往返以及带宽占用 在客户端运行时，承担了一部分服务器承担的工作，减少了大用户量下的服务器负载 缺点 不支持浏览器的回退（back）按钮 会暴露和服务器交流的细节，存在安全问题 对搜索引擎支持较弱 使用步骤 　　一般包括三步 创建XMLHttpRequest对象（异步调用对象） 创建新的HTTP请求，指定该HTTP请求的方法、URL 设置响应HTTP请求状态变化的函数 　　需要注意的是，Ajax需要与服务器通信，因此需要用服务器启动，而不是直接在浏览器中打开页面 　　这里使用Wampserver64来访问， 下载地址 和 使用说明 见链接（添加上链接） 创建XMLHttpRequest对象 　　XMLHttpRequest是Ajax的核心，一种支持异步请求的技术 　　可以向服务器提出请求并处理响应，不阻塞用户，在页面加载后进行页面的局部更新 　　这一对象因为在不同浏览器中支持方式不同，所以需要考虑兼容性 1 //Ajax第一步，创建XMLHttpRequest对象 2 //封装通用的xhr，兼容各个版本 3 function

#什么是 AJAX ？ AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX 就是 异步、JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。 #AJAX 工作原理 Browser浏览器 Server服务器 发起事件 创建XMLHttpRequest对象 发送请求 接收客户端发送的对象 回复一个ResponseText对象 接收ResponseText结果 更新页面局部数据 #XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。 所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 #创建 XMLHttpRequest 对象 所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。 创建 XMLHttpRequest

一 Ajax技术与原理 1.1 Ajax简介 1.2 Ajax所包含的技术 1.3 Ajax的工作原理 1.4 XMLHttpRequest 对象的三个常用的属性 1. onreadystatechange 属性 2. readyState 属性 3. responseText 属性 1.5 xmlhttprequst的方法 1. open() 方法 2. send() 方法 二 Ajax编程步骤 2.1 创建XMLHttpRequest对象 2.2 设置请求方式 2.3 调用回调函数 2.4 发送请求 三、应用实例 一 Ajax技术与原理 1.1 Ajax简介 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 1.2 Ajax所包含的技术 大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 AJAX 的核心是 XMLHttpRequest 对象。