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

【问题标题】：Search data from dynamically created table从动态创建的表中搜索数据
【发布时间】：2015-05-03 16:32:25
【问题描述】：

我创建了一个应用程序，其中有一个用于从表中搜索信息的文本框。虽然当我们在搜索文本框中输入字符时我已经编写了代码，但在接受一个字符后，控件就会退出文本框。这是我的搜索代码`

 <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'] ?> >

` 请给我建议..

提前谢谢..

【问题讨论】：

如果要刷新页面，使用AJAX没意义，还不如使用服务器端语言。

标签： php jquery mysql ajax

【解决方案1】：

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

【讨论】：

感谢@narendra 我更改了该值属性但仍然无法正常工作请帮助我
对不起，没听懂你的意思，试着检查网络你在那边得到了什么
当我在文本框中输入值时，它的搜索在两个词总页面被刷新并且控制超出文本框..

【解决方案2】：

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

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

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

【讨论】：

感谢您回复我。当我输入文本框值时，但控件不在文本框内，即页面完全重新加载。先生，请提出任何方法。
先生如何将文本留在文本框中
删除行 window.location.href = "dispatient.php?search_keyword="+value;如果您真的想重新加载页面，那么您需要找到一种在重新加载页面后将焦点重新返回到搜索框的方法。虽然，我不明白这样做的意义。请不要称我为先生，这有点尴尬。谢谢！

【解决方案3】：

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

尝试这样的事情而不是 ajax 调用

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

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

【讨论】：