Ajax vs window.location帮助我理解

时间:2017-03-13 04:34:19

标签: javascript html

最近我在html中搜索一个带有输入的搜索栏,并将其添加为我想要访问的URL中的最后一个参数。然后我使用window.location.assign(newUrl)更改为这个新URL。这反过来会向我的服务器发出GET请求,该请求正在向我使用的api发出GET请求。这有什么不好的原因吗?我被告知这是hacky,我应该使用Ajax,有人可以解释为什么这不是一个好方法吗?

<input type="search" id="searchBar" placeholder="Search for your location">

<button onclick="handleSearchRequest()">Search</button>

<script>
    function handleSearchRequest() {
        var searchInput = document.getElementById("searchBar").value;
        window.location.assign("http://localhost:8080/weather/" + searchInput)
        alert("Successfully requested your weather information")
    }
</script>

1 个答案:

答案 0 :(得分:0)

如果使用窗口位置
,则需要加载整个页面 =&GT;您需要一次又一次地重新加载搜索栏 使用Ajax,您只需要加载页面的必要部分
=&GT;您只需要更新数据而不需要更改页面组件