Javascript jQuery 回车事件 触发 Ajax jsonp 代码实例

回车事件 触发 Ajax 

这里收集一段jQuery 代码,一个输入框,回车时发生搜索,而我们这里的结果是跨域得出来的,用到了jsonp 类型。具体代码如下:

// 搜索框,会车时触发事件
$("#search_input").keydown(function(e){
    var that = $(this).val();
    if(( e.which == 13 && $.trim(that.length) > 0 )){
        e.preventDefault();
        var data = {};
        data.keyword = that ;
        $.ajax({
            type: "get",
            url: http + '/search/index/keyword/',
            data: data ,
            cache: "false",
            dataType: "",
            async:  false,
            success: function(data){
//              console.log(data);
                if(data.status){
                    window.location.href = '/search/index/keyword/' + that;
                }
            },
            error: function(){
                    alert('请求数据错误,请稍后再试');
            }
        });
    }
});

搬瓦工,年付$49.99CN2高速线路,1024MB内存/1000GB流量/1GB带宽,电信联通优化KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

Vultr月付$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

搬瓦工1111特惠,年付$29.882核CPU/2048MB内存/1TB流量/1GB带宽,随意切换机房KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Scroll Up