zoukankan      html  css  js  c++  java
  • 理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法

    ajax的4种方法:$.get、$.post、$getJSON、$ajax。

    1、$.get

    $.get()方法使用GET方式来进行异步请求,它的语法结构为:

    $.get( url [, data] [, callback] )

    url:string类型,ajax请求的地址。

    data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中。

    callback:可选参数,function类型,当ajax返回成功时自动调用该函数。

    例:

    $.get(
        "submit.aspx",
        {
         id:'123',
         name:'syy',
        },
        function(data,state){
         //这里显示从服务器返回的数据
         alert(data);
         //这里显示返回的状态
         alert(state);
        }
    )
     
    2、$.post()
    $.post()方法使用POST方式来进行异步请求,它的语法结构为
    $.post(url,[data],[callback],[type])
    和$.get()用法差不多,唯独多了一个type参数.
    type:type为请求的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就和$.get()返回的格式一样,都是字符串的。
    例:
    $.post(
        "submit.aspx",
        {
         id:'123',
         name:'syy',
        },
        function(data,state){
         //这里显示从服务器返回的数据
         alert(data);
         //这里显示返回的状态
         alert(state);
        },
        "json"
    )
     
     
    3、$.getJSON()
    $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为:
    getJSON(url,[data],[callback])
    url:string类型, 发送请求地址 
    data :可选参数, 待发送 Key/value 参数 ,同get,post类型的data callback :可选参数,载入成功时回调函数,同get,post类型的callback
     
    JSON是一种理想的数据传输格式,它能够很好的融合与JavaScript或其他宿主语言,并且可以被JS直接使用。使用JSON相比传统的通过 GET、POST直接发送“裸体”数据,在结构上更为合理,也更为安全。至于jQuery的getJSON()函数,只是设置了JSON参数的 ajax()函数的一个简化版本。这个函数也是可以跨域使用的,相比get()、post()有一定优势。另外这个函数可以通过把请求url写 成"myurl?callback=X"这种格式,让程序执行回调函数X。
     
     
    4、$.ajax()

    $.ajax()是jquery中通用的一个ajax封装,其语法的格式为:

    $.ajax(options)

    其中options是一个object类型,它指明了本次ajax调用的具体参数,最常用的几个参数附上

    $.ajax({
       url: 'submit.aspx',
       datatype: "json",   //跨域可用jsonp
       type: 'post',
       success: function (e) {   //成功后回调
         alert(e);
       },
       error: function(e){    //失败后回调
         alert(e);
       },
       beforeSend: function(){  /发送请求前调用,可以放一些"正在加载"之类额话
         alert("正在加载");
       }
    })

     

     
     
     
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    GhostBSD 3.0RC3,基于GNOME的FreeBSD
    Nagios 3.4.3 发布,企业级监控系统
    Jolokia 1.0.6 发布, JMX远程访问方法
    微软希望开发人员不要使 WebKit 成为新版 IE6
    Kwort Linux 3.5 正式版发布
    EJDB 1.0.24 发布,嵌入式 JSON 数据库引擎
    Pale Moon 15.3 Firefox“苍月”优化版发布
    Galera Load Balancer 0.8.1 发布
    SmartSVN V7.5 正式发布
    PostgresQL建立索引如何避免写数据锁定
  • 原文地址:https://www.cnblogs.com/-CLAY-/p/ajax.html
Copyright © 2011-2022 走看看