Question

当用户在其中输入内容并点击输入时，我们希望使以下搜索框获取名为/ listing的页面。有没有人对如何做到这一点有任何想法？非常感谢！

<input type="text" id="location" name="location" placeholder="City or ZIP Code" />
<span class="zip"></span>

/admin/dashboard

Answer 1

最简单的方法是在输入中为change事件注册一个监听器：

$('#location').change(function() {
  $.get('./listings', function(data) {
    // data is the content from '/listings'
  });
});

如果您要将商品信息页面中的内容加载到特定元素中，可以使用jQuery.load：

$('#location').change(function() {
  // loads the html content of listings into your element
  // after the user changes the value of #location input
  $( "your-element-selector" ).load("/listings");
});

或者，如果您想要浏览到浏览器中的your-page/listings，可以查看this question

在搜索框中输入GET页面

1 个答案: