Php 如何在Autosearch中显示数据
我想通过ajax调用执行自动搜索,但我一直在搜索栏上显示结果。但我的搜索结果显示在结果中Php 如何在Autosearch中显示数据,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我想通过ajax调用执行自动搜索,但我一直在搜索栏上显示结果。但我的搜索结果显示在结果中 <input type="text" id="select_link" placeholder="enter the text"> 这是我的html代码 <script type="text/javascript"> $(document).ready(function(){ $('#select_link').keyu
<input type="text" id="select_link" placeholder="enter the text">
这是我的html代码
<script type="text/javascript">
$(document).ready(function(){
$('#select_link').keyup(function(e){
e.preventDefault();
var questionText = document.getElementById("select_link").value;
var userName= document.getElementById("select_link").value;
var groupName= document.getElementById("select_link").value;
var data = {};
data.questionText = questionText;
data.userName = userName;
data.groupName = groupName;
$.ajax({
type: 'POST',
data: JSON.stringify(data),
contentType: 'application/json',
url: 'mastersearch.php',
success: function(data) {
alert("JSON" +JSON.stringify(data));
$("#select_link").html(data);
}
});
</script>
$(文档).ready(函数(){
$('选择链接').keyup(函数(e){
e、 预防默认值();
var questionText=document.getElementById(“选择链接”).value;
var userName=document.getElementById(“选择链接”).value;
var groupName=document.getElementById(“选择链接”).value;
变量数据={};
data.questionText=问题文本;
data.userName=用户名;
data.groupName=groupName;
$.ajax({
键入:“POST”,
数据:JSON.stringify(数据),
contentType:'应用程序/json',
url:'mastersearch.php',
成功:功能(数据){
警报(“JSON”+JSON.stringify(数据));
$(“#选择链接”).html(数据);
}
});
这是我的ajax代码,直到我的JSON结果为止,它将正常工作,但在搜索栏的HTML结果中它将不会显示。您正在使用.HTML()方法设置ajax数据,该方法不用于设置textbox use.val()方法中的值 请尝试下面的代码
<script type="text/javascript">
$(document).ready(function(){
$('#select_link').keyup(function(e){
e.preventDefault();
var questionText = document.getElementById("select_link").value;
var userName= document.getElementById("select_link").value;
var groupName= document.getElementById("select_link").value;
var data = {};
data.questionText = questionText;
data.userName = userName;
data.groupName = groupName;
$.ajax({
type: 'POST',
data: JSON.stringify(data),
contentType: 'application/json',
url: 'mastersearch.php',
success: function(data) {
alert("JSON" +JSON.stringify(data));
$("#select_link").html(data);
}
});
</script>
$(文档).ready(函数(){
$('选择链接').keyup(函数(e){
e、 预防默认值();
var questionText=document.getElementById(“选择链接”).value;
var userName=document.getElementById(“选择链接”).value;
var groupName=document.getElementById(“选择链接”).value;
变量数据={};
data.questionText=问题文本;
data.userName=用户名;
data.groupName=groupName;
$.ajax({
键入:“POST”,
数据:JSON.stringify(数据),
contentType:'应用程序/json',
url:'mastersearch.php',
成功:功能(数据){
警报(“JSON”+JSON.stringify(数据));
$(“#选择链接”).html(数据);
}
});
注意:如果数据包含JSON值,并且您没有使用JSON.stringify(数据),那么它将在文本框[Object]中设置值您没有关闭函数
ready
和keyup
是打字错误还是?搜索栏的代码在哪里?此外,您似乎试图在#select_link
中添加一个json对象作为HTML内容。不确定您希望在此处得到什么结果?请检查