精华内容
下载资源
问答
  • 79-ajax获取响应数据

    2018-11-29 16:24:47
    ajax获取响应数据 我们先写一点简单的异步请求代码 先来一个servlet public class TestServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) ...
    
    
    ajax获取响应数据
    
    我们先写一点简单的异步请求代码
    
    先来一个servlet
    
    public class TestServlet extends HttpServlet {
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            System.out.println("hello world");
            resp.getWriter().print("hello world");
        }
    }
    
    很简单,就是写一下而已
    
    
    
    <html>
    <head>
        <title>测试</title>
    
        <script type="text/javascript">
            //在文档加载完成后就会执行
            window.onload = function () {
                //得到btn元素
                var btn = document.getElementById("btn");
    
                //给btn的click事件注册监听
                //在btn被点击的时候执行
                btn.onclick = function () {
    
                    //创建xmlHttpRequest对象
                    var xmlHttp = createXMLHttpRequest()
    
                    //打开与服务器的连接
                    //指定 1.方法 2.url 3.是否异步
                    xmlHttp.open("GET", "<c:url value='/test' />", true);
    
                    //发送请求,get方法,给出null请求体
                    xmlHttp.send(null)
    
                    //给异步对象的onreadystatechange事件注册监听
                    xmlHttp.onreadystatechange = function () {
                        //当xmlHttp的状态发生变化的时候,就会执行
                        //判断readyState为4状态,服务器响应状态码status为200
                        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
    
                            //获取responseText文本格式的响应内容
                            var responseText = xmlHttp.responseText;
    
                            //获取h1元素对应的DOM对象
                            var h1 = document.getElementById("h1");
                            h1.innerHTML = responseText;
                        }
                    };
    
                }
            }
    
            function createXMLHttpRequest() {
                return new XMLHttpRequest()
            }
        </script>
    </head>
    <body>
    
    <button id="btn">button</button>
    <h1 id="h1"></h1>
    
    </body>
    </html>
    
    
    

     

    展开全文
  • AJAX获取响应数据、状态、头部等信息 1、用法 <script> $.ajax({ type: "POST", url: url, success: function (response,status,xhr) { //服务器返回的信息 console.log(response);...

    AJAX获取响应数据、状态、头部等信息

    1、用法

    <script>
        $.ajax({
            type: "POST",
            url: url,
            success: function (response,status,xhr) {
                //服务器返回的信息
                console.log(response);	
    			//状态码
                console.log(status);	
    			//状态码
                console.log(xhr.status);	
                //响应头部
                console.log(xhr.getAllResponseHeaders()); 
            },
            error: function () {
                console.log("请求失败");
            }
        });
    </script>
    
    展开全文
  • 本文实例讲述了Ajax获取响应内容长度的方法。分享给大家供大家参考。具体如下: var xhr = $.ajax({ type: "HEAD", url: "path/to/file.ext", success: function(msg){ alert(xhr.getResponseHeader('...
  • Ajax响应数据

    2018-11-03 12:38:33
    前面我们都一直很无私的往服务器提交数据,那么服务器返回的那些数据,我们又该怎么通过Ajax去拿呢? 这里就要靠xmlhttprequest的事件onreadystatechange,这是用来监听我们请求的一些状态,比如:成功了还是失败了...

    数据提交到的两种请求Get和Post基本上都会使用后,就应该想获取数据的问题了。前面我们都一直很无私的往服务器提交数据,那么服务器返回的那些数据,我们又该怎么通过Ajax去拿呢?

    这里就要靠xmlhttprequest的事件onreadystatechange,这是用来监听我们请求的一些状态,比如:成功了还是失败了。如果成功,想获取数据,得靠xmlhttprequest的responseTextresponseXML属性

    完整例子:

    function doGet() {
    	//1、获取XMLHttpRequest对象,代码跟以前一样,此处不再赘述。
    	var request = ajaxFunction();
    
    	//2、获取请求
    	// http://localhost:8080/day16/demo01.jsp
    	//http://localhost:8080/day16/DemoServlet01
    	/*	
    	参数一: 请求类型  GET or  POST
    	参数二: 请求的路径
    	参数三: 是否异步, true  or false
    	*/
    	request.open("GET", "ServletDemo1", true);
    		
    	//3、获取相应数据,注意监听的意思。一会准备的状态发生了改变,那么就执行=右边的方法
        //对请求的状态 进行监听。
    	request.onreadystatechange=function(){
    		//前半段表示  已经能够正常处理。在判断状态码是否是200
    		if(request.readyState==4 && request.status==200){
    		        //设置节点id为 myDiv的标签 结果为 我们请求得到的响应文字
    			document.getElementById("myDiv").innerHTML=request.responseText;
    		}
    	}
        //发送请求
    	request.send();
    }

     

    展开全文
  • 方式一:onload ...在创建ajax对象,配置ajax对象,发送请求,以及接收完服务器端响应数据,这个过程中的每一个步骤都会对应一个数值,这个数值就是ajax状态码。 5个状态码 0:请求未初始化(还没有调用ope...

    方式一:onload

    	xhr.onload = function (){
    			console.log(xhr.responseText);
    	     	}
    

    方式二:

    • Ajax状态码:

    • 在创建ajax对象,配置ajax对象,发送请求,以及接收完服务器端响应数据,这个过程中的每一个步骤都会对应一个数值,这个数值就是ajax状态码。

    • 5个状态码

    • 0:请求未初始化(还没有调用open())
      1:请求已经建立,但是还没有发送(还没有调用send())
      2:请求已经发送 (发送过程中状态是不断变化的 send方法不可以直接输出属性值 需要下面事件)
      3:请求正在处理中,通常响应中已经有部分数据可以用了
      4:响应已经完成,可以获取并使用服务器的响应了

     xhr.readyState // 获取Ajax状态码
    
    • onreadystatechange 事件
     // 当Ajax状态码发生变化时
     xhr.onreadystatechange = function () {
         // 判断当Ajax状态码为4时
         if (xhr.readyState == 4) {
             // 获取服务器端的响应数据
             console.log(xhr.responseText);
         }
     }
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <body>
    	<script type="text/javascript">
    		var xhr = new XMLHttpRequest();
    		// 状态码为0 已经创建了ajax对象 但是还没有对ajax对象进行配置
    		console.log(xhr.readyState);
    		xhr.open('get', 'http://localhost:3000/readystate');
    		// 1 已经对ajax对象进行配置 但是还没有发送请求
    		console.log(xhr.readyState);
    
    		// 当ajax状态码发生变化的时候出发
    		xhr.onreadystatechange = function() {
    			// 2 请求已经发送了
    			// 3 已经接收到服务器端的部分数据了
    			// 4 服务器端的响应数据已经接收完成
    			console.log(xhr.readyState);
    			// 对ajax状态码进行判断 如果状态码的值为4就代表数据已经接收完成了
    			if (xhr.readyState == 4) {
    				console.log(xhr.responseText);
    			}
    		} 
    		//该事件写在上面 ,因为请求已经发送 再去监听事件已经晚了
    		xhr.send();
    		
    	</script>
    </body>
    </html>
    

    区别:

    在这里插入图片描述
    推荐使用onload事件(执行效率更高)来写:

    <script type="text/javascript">
    		// 1.创建ajax对象
    		var xhr = new XMLHttpRequest();
    		// 2.告诉Ajax对象要向哪发送请求,以什么方式发送请求
    		// 1)请求方式 2)请求地址
    		xhr.open('get', 'http://localhost:3000/responseData');
    		// 3.发送请求
    		xhr.send();
    		// 4.获取服务器端响应到客户端的数据
    		xhr.onload = function (){
    			// console.log(typeof xhr.responseText)
    			// 将JSON字符串转换为JSON对象(服务器端写的json数据到了客户端就变成了json字符串)
    			var responseText = JSON.parse(xhr.responseText);
    			// 测试:在控制台输出处理结果
    			console.log(responseText)
    			// 将数据和html字符串进行拼接
    			var str = '<h2>'+ responseText.name +'</h2>';
    			// 将拼接的结果追加到页面中
    			document.body.innerHTML = str;
    		}
    	</script>
    
    展开全文
  • Ajax获取数据

    2019-02-27 20:35:43
    1 首先引入Ajax的封装包(ajax.js需要自己写) &lt;script type="text/javascript" src="Ajax.js"&gt;&lt;/script&gt; /** * Ajax 封装包 * Created by LL on 2019-02-27....
  • XMLHttpRequest对象通过responseText、responseBody、responseStream或responseXML属性获取响应信息,说明如下: 响应信息 说明 responseBody 将响应信息正文以Unsigned Byte数组形式返回 responseStream ...
  • 在上一章中,简单介绍了Ajax如何获得responseText字符串形式的响应数据,但在web开发中,很多情况下还需要获得responseXML形式的响应数据。通过一个小例子来看具体代码,如下图:1.0 date.xml: 今天是十月三十...
  • 后台返回数据正常. ![图片说明](https://img-ask.csdn.net/upload/201707/21/1500638756_691494.png) 返回的数据格式为 : [{},{},{},{}] 前台通过ajax请求 动态码 4 200 正常. var zBodes = []; 然后我用 var a = ...
  • 上章简单的介绍了一下Ajax,这章学习一下 Ajax 怎样获得字符串形式(responseText)的服务器响应数据。通过一个小例子来看具体代码,如下图:1.0 hello.jsp:*" pageEncoding="UTF-8"%> <!DOCTYPE ...
  • 1、XML 格式规范 2、php中获取xml文件的方式 3、ajax获取xml格式的响应数据的方式
  • Ajax请求响应数据格式的设计

    千次阅读 2012-09-11 16:54:54
    在日常开发中,ajax必须是占了很重要一部分的,其如何重要本文就不...所以我觉得,设计一个良好的响应数据格式是必要的,再配合设计出一个简单高效的处理失败数据(返回不成功的响应码)的机制(或者说函数),那么将很
  • JS--AJAX获取JSON数据、获取头部信息

    千次阅读 2019-09-29 23:08:35
    通过XMLHttpRequest对象的responseText属性获取返回的JSON数据字符串,然后可以使用evaluate()方法将其解析为本地JavaScript对象,从该对象中再读取任何想要的信息。 示例:将JSON对象字符串转换为本地对象 <%-- ...
  • js通过AJAX获取后台数据渲染到页面

    万次阅读 2019-06-02 18:22:41
    1.GET获取数据 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AJAX发送GET请求并传递参数</title> </head> <body> <ul ...
  • echarts图表用ajax获取到后台数据,响应在页面上,并且设置一个定时器没三秒刷新一次 为了直观显示我用json模拟后台数据,发送ajax请求 以下是json | | ∨ data.json [ { “num”: 100 }, { “nu...
  • Ajax获取后台数据遍历显示在前台html

    千次阅读 2019-07-07 17:49:21
    $.ajax({ url : “newsservlet”,//请求地址 dataType : “json”,//数据格式 type : “post”,//请求方式 async : false,//是否异步请求 success : function(data) { //如何发送成功 var html = “”; for(var i=0....
  • Ajax获取数据的流程

    千次阅读 2016-11-11 16:20:45
    一、Ajax的对象 XMLHttpRequest的方法 方法 描述 abort() 停止当前请求 getAllResponseHeaders() 把 HTTP请求的所有响应首部作为健/值对返回 getResponseHdader(“header”) 返回指定首部的串值 open(...
  • AJAX跨域获取数据

    千次阅读 2011-10-11 14:28:43
    ajax可以在不刷新页面的情况下,获取服务器端数据。不过由于各浏览器的安全限制,ajax很可能不允许跨域访问(这类限制是必要的,如果不加任何限制,ajax可以通过"file://xxx"获取本地主机的一些重要信息并发送往...
  • Ajax获取url返回的数据

    千次阅读 2019-04-20 09:57:08
    背景: (SSM框架)在前台js脚本中获取url返回的值,获取后台的值有多种方式,例如model和modelview都可以在controller层向指定页面传值,前提是它们都得重定向到指定页面,那么就会出现一个问题:在jsp页面JS的...
  • AJAX 全称 Asynchronous ...当使用async=false 时,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止。同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
  • 在创建ajax对象,配置ajax对象,发送请求,以及接收完服务器端响应数据,这个过程中的每一个步骤都会对应一个数值,这个数值就是ajax状态值。 ajax状态值 说明 0 请求未初始化(还没有调用open()) 1 请求...
  •  就是使用ajax从controller层返回map中获取数据,然后把这个数据赋值给KindEditor这个编译器的时候 数据无法显示的问题   最初以为是数据匹配失败 认真检查了每一个ajax中对应html中的id 发现没有问题 然后是...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 99,958
精华内容 39,983
关键字:

ajax获取响应数据