顶呱呱网站做的怎么样,福田欧曼故障灯图解大全,张店网站建设价格,wordpress网站多层循环调用文章AjaxAsynchronous JavaScript And XML异步#xff1a;指一段程序执行时不会阻塞其他程序执行#xff0c;其表现形式为程序的执行顺序不依赖程序本身的书写顺序 #xff0c;相反的则为同步#xff0c;自己理解的就是类似百度的搜索框输入内容时的提示相关的内容功能#xf…AjaxAsynchronous JavaScript And XML异步指一段程序执行时不会阻塞其他程序执行其表现形式为程序的执行顺序不依赖程序本身的书写顺序 相反的则为同步自己理解的就是类似百度的搜索框输入内容时的提示相关的内容功能ajax可以在不刷新整体页面的情况下进行从后台取值并返回数据到页面其优势在于不阻塞程序的运行从而提升整体上的执行效率。现实生活中打电话是同步发短信是异步XMLHttpRequest浏览器内置对象用于在后台与服务器通信由此我们可以对页面进行部分更新更不进行刷新整个页面的操作。当以post方式请求时候请求头中设置了“Content-type”“application/x-www-form-urlencoded”,get方式请求就不需要api详解xhr.open(); 发起请求可以是get或者post方式xhr.setRequestHeader(); 设置请求头xhr.send(); 发送请求主体get方式使用null作为主体xhr.onreadystatechange(){} 监听响应状态xhr.readyState 0UNSENT open尚未启用xhr.readyState 1OPENED open 已调用xhr.readyState 2headers_received 接收到头消息xhr.readyState 3loading 接收到主体xhr.readyState 4done 响应完成xhr.status 表示响应码 200 为正常xhr.statusText 表示响应信息xhr.getAllResponseHeaders() 获得全部响应头信息xhr.responseText响应主体//浏览器兼容处理 undefined未定义的 因为只有ie浏览器中存在这个ActiveXObject对象if(typeof ActiveXObject !undefined){alert(ie);}else{alert(ii);}IE浏览器创建ajax对象var xhr new ActiveXObject(Microsoft.XMLHTTP);//最原始的方式 --var xhr new ActiveXObject(Msxm12.XMLHTTP);var xhr new ActiveXObject(Msxm12.XMLHTTP.3.0);var xhr new ActiveXObject(Msxm12.XMLHTTP.5.0);var xhr new ActiveXObject(Msxm12.XMLHTTP.6.0);//维护的最高版本主流浏览器创建对象(Firefix火狐Chrome谷歌safari新浪opera北欧浏览器IE7以上)var xhr new XMLHttpRequest();对服务器发起请求浏览器方式请求打开浏览器输入地址栏回车发起请求常用状态码及其含义 404 没找到页面(not found) 403 禁止访问(forbidden) 500 内部服务器出错(internal service error) 200 一切正常(ok) 304 没有被修改(not modified)(服务器返回304状态表示源文件没有被修改 )浏览器与服务器建立连接 xhr.open(method, url, asynch); * 与服务器建立连接使用 * method请求类型类似 “GET”或”POST”的字符串。 * url路径字符串指向你所请求的服务器上的那个文件。请求路径 * asynch表示请求是否要异步传输默认值为true(异步)。简单的小程序 是以 post请求来发送的消息functiondd(){//创建对象varxhr newXMLHttpRequest();//设置请求行创建新的http请求xhr.open(post,/dd/d);//设置请求头xhr.setRequestHeader(Content-type,application/x-www-form-urlencoded);//设置请求主体发送请求信息给服务器xhr.send(a6b9);//接受服务器响应xhr.onreadystatechange function(){if(xhr.readyState4){if(xhr.status200) {alert(xhr.responseText);}}}}下面是java程序packagedd;importjava.io.IOException;importjava.io.PrintWriter;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importjavax.servlet.annotation.WebServlet;/*by:wzqtime:2017年11月16日*/WebServlet(name d, urlPatterns { /d})public class Dd extendsHttpServlet {private static final long serialVersionUID 1L;protected voiddoGet(HttpServletRequest request, HttpServletResponse response)throwsServletException, IOException {String parameter request.getParameter(a);System.out.println(parameter);PrintWriter writerresponse.getWriter();writer.print(dsdsdsdsdsdsdsd);writer.flush();}protected voiddoPost(HttpServletRequest request, HttpServletResponse response)throwsServletException, IOException {this.doGet(request, response);}}下面是get请求方法是的ajax代码。functiondd(){//创建对象varxhr newXMLHttpRequest();//设置请求行创建新的http请求xhr.open(GET,/dd/d?a6666,true);xhr.setRequestHeader(Content-type,application/json; charsetutf-8);//设置请求主体发送请求信息给服务器xhr.send();//接受服务器响应xhr.onreadystatechange function(){if(xhr.readyState4){if(xhr.status200) {alert(xhr.responseText);}}}}
