是什么原因导致URL在表单提交时更改

时间:2016-05-28 07:10:54

标签: javascript php jquery html ajax

我经常看到带有搜索功能的网站,当他们搜索某些内容时,网页通常会将网址更改为某些内容。 search.php中Q = “SEARCHQUERY” &安培?;等,我在我的网站上有一个搜索页面,我使用ajax提交一个有搜索输入的表单并发送到一个php页面,该页面搜索我的数据库并通过echo将数据返回到原始页面上的特定div。

function getdata() {
   var str = document.getElementById("searcb");
   document.getElementById("demo").innerHTML = "You are searching for: " + str.value;
   document.getElementById("searchresults").style.display="block";

 if (str == "") { 
       document.getElementById("demo").innerHTML = "";
       return;
         }  
else {

      var xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("searchresults").innerHTML = xmlhttp.responseText;
            }
        }

    xmlhttp.open("GET", "getuser.php?q=" + str.value, true);
    xmlhttp.send();
    return false;
    }
}

HTML

   <form  onsubmit="return getdata()">
   <input type="search" id="searcb" name="searchBar"></br></br>
   </form>

我的问题是我在做什么不同,导致我的网址与普通搜索引擎相比保持不变

1 个答案:

答案 0 :(得分:0)

通常,网址会发生变化,因为会执行重新加载网页的帖子。您的网址不会更改,因为您调用了一个不会重新加载您的相关网页的ajax调用。