Question

我创建了一个应用程序，因为有一个文本框用于从表中搜索信息。虽然我在搜索文本框中输入字符时编写了代码，但在接受一个字符控件后，文本框中没有。这是我搜索的代码

 <script type="text/javascript">
$(document).ready(function()
{
    var minlength = 1;

    $("#searchTerm").keyup(function () {
      
        value = $(this).val();
		
		if (value.length > minlength ) 
		{
			searchTable(value);
		}
		else if(value.length < minlength)
		{
			searchTable("");
		}	
	});
});
function searchTable(value)
{
	$.ajax({
		type: "GET",
		url: "dispatient.php",
		data:({search_keyword: value}),
		success: function(success)
		{
			window.location.href = "dispatient.php?search_keyword="+value;	
			$("#searchTerm").focus();
		},
		error: function() 
		{ 
			alert("Error occured.please try again");	
		},
		complete: function(complete)
		{
			$("#searchTerm").focus();
		},
		
	});
}

<input id="searchTerm" Type="text" class="search_box"  placeholder="Search" 
			   value = <?php echo $_GET['search_keyword'] ?> >

` 请建议我..

提前感谢..

Answer 1

value是javascript的默认属性，尝试将value的变量名称更改为searchData

Answer 2

在成功回调中，您将页面重定向到dispatient.php。我相信，这是具有搜索功能的页面。重定向后，页面将再次重新加载，并且没有任何意义：

$("#searchTerm").focus();

由于您已经在使用AJAX，请尝试通过JavaScript / jQuery将数据从成功加载到您的页面，而无需重新加载页面。

Answer 3

创建一个div并在其中加载数据，而不是重新加载整个页面。

尝试这样的事情而不是ajax Call

<div id="searchResult"></div>

$("#searchResult").load("search.php?search_keyword=value",function(){
//your callback
});

从动态创建的表中搜索数据

3 个答案: