表格在AJAX请求后再次出现

时间:2014-03-16 09:07:07

标签: javascript php ajax

我正在尝试使用AJAX为我的网站实现搜索机制。搜索机制运行正常。但是有一个问题。在我的ajax请求之后,表单再次出现。如下所示。enter image description here

我发布了几行必要的代码。请看看。

<script src="js/ajax.js"></script>
<script src="js/main.js"></script>
<script>
function searchMyWebsite()
{
    var s = _("searchquery").value;
    var f = _("filter1").value;
    if(s == "")
    {
        alert("Please type something into the search box");
    }
    else if(s.length < 3)
    {
        alert("Please enter atleast 3 characters to search");
    }
    else
    {
        var ajax = ajaxObj("POST", "search2.php");
        ajax.onreadystatechange = function() 
        {
            if(ajaxReturn(ajax) == true) 
            {
                if(ajax.responseText != "failed")
                {
                    _("status").innerHTML = ajax.responseText;
                }
                else
                {
                    _("status").innerHTML = ajax.responseText;
                }
            }
        }
        ajax.send("search="+s+"&filter="+f);    
    }
}
</script>
</head>
<body>
<form name="search_form" id="search_form" onSubmit="return false;">
  Search: <input name="searchquery" id="searchquery" type="text" size="70" maxlength="100">
  <button id="searchBtn" onClick="searchMyWebsite()">Search</button>
  <br /><br />
  Search In:
  <select name="filter1" id="filter1">
  <option value="users">Users</option>
  <option value="forum">Forums</option>
  </select>
</form>
<div><span id="status"></span></div>
</body>

为什么在ajax请求正常工作时会发生这种情况?如果我的PHP代码必须被提及提供解决方案,那么plzz通知我,我将更新qn。

1 个答案:

答案 0 :(得分:0)

我需要在必要时使用exit();退出脚本。

我自己正在回答这个问题,因为这可能对某人有用。

由于我没有退出脚本,表单会再次在页面上发布。现在我退出剧本,一切正常。