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

来源: 老季博客
日期: 2016-12-22
作者: 腾讯云/服务器VPS推荐评测/Vultr
阅读数: 45

[title]Javascript jQuery 回车事件 触发 Ajax?[/title]

这里收集一段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: "jsonp",
            async:  false,
            success: function(data){
//              console.log(data);
                if(data.status){
                    window.location.href = '/search/index/keyword/' + that;
                }
            },
            error: function(){
                    alert('请求数据错误,请稍后再试');
            }
        });
    }
});
链接到文章: https://jiloc.com/43072.html

发表回复

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