zoukankan      html  css  js  c++  java
  • jquery ajax研究

    1,在页面上动态载入内容:jQuery的load()方法:

    $(selector).load(url);
    
    //如果希望在内容载入完成后做些什么事,可以提供一个回调函数给.load,既可以是一个匿名函数,也可以是一个具名函数。
    
    $(selector).load(url,function(){
     
          alert('内容被载入了!');
            
    });
    .load()方法的回调函数支持3个参数,。利用XMLHttpRequest对象可得到Ajax请求的响应码,对不同的响应码我们执行不同的行为。
    如果载入的内容很多,最好显示一个载入动画,以便让用户知道数据正在载入中,我们可以在.load()方法前添加一条语句,在#content元素中添加一个表示载入中的动态gif图片(数据载入成功之后,就会替换这张图片) $('#content').html('<img src="images/loading.gif" alt="">'); $('#content').load(url,function(responseText,textStatus,XMLHttpRequest){   if(XMLHttpRequest.status == 404 || XMLHttpRequest.status==500){
        
          $('#content').html('页面加载出错!');
      } })
     
    XHR请求属性
    属性名 描述
    responseText 以字符串形式返回响应数据
    textStatus 以XML数据形式返回响应数据
    XMLHttpRequest 返回状态码,比如"404"

    2,$.ajax()方法

    $.ajax({
           type:"GET",
           dataType:"JSON",
           url:url,
           success:processJSON
              
    });
    
    编写一个空白的回调函数 ,它有一个参数data,代表收到的JSON数据:
    
    function  processJSON(data){
         $.each(data.books,function(i,item){
    
    
    });
    
    }
    
    
    列出这一个呢,是因为我从来都是把$.ajax的回调函数,用一个匿名函数的方法写在内部---这种形式
    $.ajax({
           type:"GET",
           dataType:"JSON",
           url:url,
           success:function(data){
    }
              
    });    
  • 相关阅读:
    Springmvc全局异常处理
    SpringMVC异常处理一
    [GDB7] gdb 的学习
    《Python 第七章》更加抽象
    python问题:IndentationError:expected an indented block错误解决
    [C/C++] C++ 类的学习
    [GCC6] gcc 的学习
    [Python] 列表 list
    [python] 循环与轻量级 pass, del, eval
    《Python 第八章》异常
  • 原文地址:https://www.cnblogs.com/qianxunpu/p/7161411.html
Copyright © 2011-2022 走看看