Php 如何在Autosearch中显示数据

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

我想通过ajax调用执行自动搜索,但我一直在搜索栏上显示结果。但我的搜索结果显示在结果中

<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内容。不确定您希望在此处得到什么结果?请检查