当前位置: 洪哥笔记 > DHTML > jquery的get()方法

 

jquery的get()方法


关键词

jquery  ajax  get方法

摘要

jquery具有强大的ajax功能,支持.ajax,.get,.post三个主要的功能。本文通过一个盒子,来对.get方法进行简单的说明。

下面是一个点赞功能:

HTML中有一个红心(默认中间是空的),后面有一个赞的数字。点一下红心或数字,红心变成实心的,数字加1,然后不能再点了。

<a href="javascript:void(0)" class="zan-heart"><img src="{wd:$site_template}images/zan.png" />
&nbsp;<span class="zan-number">{wd:$dianzan}</span></a>

下面是脚本处理:
<script>
$(function(){
    var src2 = '/template/default/images/icon_favorites_selected_35f43f3.png';
    
    $(".zan-heart").on('click', function(){
        //判断是否被点过
        if($(this).children('img').attr('src') == src2){
            alert('您已经赞过了,谢谢哦!');
            return;
        }
        $.get(
            '{wd:function.url('api/dianzan',array('id'=>$id))}',
            null,
            function(data, state){
                if(data == '-1'){
                    alert('对不起,您还没有登陆!');
                    location.href = "/member/";
                }else{
                    $(".zan-number").html(data);
                }
            }
        );
        $(".zan-heart").children('img').attr('src', src2);
    })
})
</script>

这里用到了jquery处理ajax的get方法。它比ajax方法稍微简单一点。它的原型如下:

$(selector).get(url,data,success(response,status,xhr),dataType)

url参数是必选的,其它都是可选参数。具体说明如下:

url,必需。要get的url地址。这个地址中其实也可参数的。
data,可选。要发送出去的参数,使用json的格式。即类似 {p1:p1,p2:p2},注意前一个p1是参数名,后一个p1是变量,所有都不用双引号。
success,成功后的回调函数。
dataType,可选。这是规定服务器端返回的数据类型。默认时,jquery会智能判断。可能的取值有:"xml"、"html"、"text"、"script"、"json"、"jsonp"。


举点例子看看:

$.get("test.cgi", { p1: "splaybow", p2: "splaybow.com" },
  function(data){
    alert("Data Loaded: " + data);
  }
);

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:jquery的get()方法:http://www.splaybow.com/post/jquery-ajax-get.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程中有任何疑问,洪哥以此为饭碗,请加QQ:115085382!
了解更多好文章,请关注我们的新浪微博和腾讯微博
亲,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« 小米手机上传图片时选择图片后会自动刷新页面 CSS中大于号(>)的作用 »

相关文章:

用户体验!UI设计的30条黄金准则  (2016/12/14 7:56:23)

HTML5(H5)表单验证  (2016/12/9 7:32:10)

百度提供了Bootstrap Glyphicons的CDN  (2016/7/12 18:05:41)

Windows7、Windows8、Windows10默认带的IE版本  (2016/6/5 7:18:19)

微信二维码鼠标放上去变大的前端代码  (2016/9/11 7:25:43)

jQuery validationEngine校验表单格式  (2016/8/21 7:53:26)

jQuery操作select控件的用法总结  (2016/7/21 7:26:24)

jquery的load函数介绍  (2016/12/1 7:44:37)

CSS中大于号(>)的作用  (2016/10/1 7:39:31)

jquery的get()方法  (2015/11/28 13:58:08)