zoukankan      html  css  js  c++  java
  • Ajax Step By Step2

    第二.【$.get()和$.post()方法】

    .load()方法是局部方法(有需要父$),因为他需要一个包含元素的 jQuery 对象作为前缀。而$.get()和 $.post()是全局方法,无须指定某个元素。

    (1)$.get()方法有四个参数,前面三个参数和.load()一样,多了一个第四参数 type,即服务器返回的内容格式:包括 xml、html、script、json、jsonp 和 text。第一个参数为必选参数, 后面三个为可选参数。

    (1.1)//使用$.get()异步返回 html 类型。

    //HTML   展示的页面(我们可见的部分)
    <input type="button"value="异步获取数据"/> 
    <div id="box"></div>
     $('input').click(function()
    { 
    $.get('test.php',
    { 
    url:'www.www' 
    },function(response,status,xhr)
    { if(status=='success')
    { 
    $('#box').html(response); 
    } 
    }) //type 自动转为 html 
    });

    注意:第四参数 type 是指定异步返回的类型。一般情况下 type 参数是智能判断,并不 需要我们主动设置,如果主动设置,则会强行按照指定类型格式返回。

    (1.2)//使用$.get()异步返回 xml。

    $('input').click(function()
    {
     $.get('test.xml',function(response,status,xhr)
    {
     $('#box').html($(response).find('root').find('url').text()); 
    }); //type 自动转为 xml
     });

    注意:如果载入的是 xml 文件,type 会智能判断。如果强行设置 html 类型返回,则会 把 xml 文件当成普通数据全部返回,而不会按照 xml 格式解析数据。

    (1.3)//使用$.get()异步返回 json。

    $.get('test.json',function(response,status, xhr)
    {
    alert(response[0].url);
    });

    $.post()方法的使用和$.get()基本上一致,他们之间的区别也比较隐晦,基本都是背后的不同,在用户使用上体现不出。具体区别如下:

     1.GET 请求是通过 URL 提交的,而 POST 请求则是 HTTP 消息实体提交的;

    2.GET 提交有大小限制(2KB),而 POST 方式不受限制;

    3.GET 方式会被缓存下来,可能有安全性问题,而 POST 没有这个问题; 4.GET 方式通过$_GET[]获取,POST 方式通过$_POST[]获取。

    (1.4)使用$.post()异步返回 html 。

    $.post('test.php',
    { 
    url:'www.www' 
    },function(response,status,xhr)
    { 
    $('#box').html(response);
     });
  • 相关阅读:
    删除系统盘符
    响应式设计 @media
    精通CSS 学习笔记
    兼容性
    css border-collapse
    angular.js学习 ui-router 0.2.15
    javascript的简易发布/订阅模式
    javascript 切换上下文,事件绑定中改变this指向
    SpringMVC:提交日期类型报400错误解决方法
    解决Spring Mvc中接受参数绑定重名的方法
  • 原文地址:https://www.cnblogs.com/wfaceboss/p/6224457.html
Copyright © 2011-2022 走看看