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

来源:柚子科技 WordPress 主题、WordPress插件    date:2022-9-12    标签:,     WordPress主题themes插件plugins开发定制

[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('请求数据错误,请稍后再试');              }          });      }  });

腾讯云限时秒杀【点击购买】

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

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

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付¥288【点击购买】