从外部PHP文件填充HTML文本框

时间:2013-09-10 12:45:11

标签: php jquery html

我需要从我的PHP文件SQL查询中读取值并在我的HTML页面上填充文本框。有人可以帮助我如何检索这些信息。下面是一个示例,我也用于位于html页面上的jQuery自动完成文本框,该文本工作正常。

default.html中

<input type="text" class="queryString" id="first">

result.php

$conn = sqlsrv_connect( $serverName, $connectionInfo);

$queryString = $_GET['term'];

$tsql = "SELECT [FirstName] FROM [Staff] WHERE [FirstName] = '$queryString%'";
$stmt = sqlsrv_query( $conn, $tsql); 
$data = array();
while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_NUMERIC))     
{   
$data = array_merge( $data, array_values($row) );
sort($data, SORT_NATURAL | SORT_FLAG_CASE);
}
echo json_encode($data);

$first = row[FirstName];

JAVASCRIPT

$(function () {
    $("#queryString").autocomplete({
        source: function(request, response) {
            $.ajax({
            url: "result.php",
            data: { term: $("#queryString").val(), searchby: $("#ddlSearch").val()},
            dataType: "json",
            type: "GET",
                success: function(data){
                response(data);
                }
            });
        },
        minLength: 2,
        multiple: true, 
        multipleSeparator: " "
    });
});

2 个答案:

答案 0 :(得分:0)

试试这个

 $.ajax({ 
    type: 'POST', 
    url: 'result.php', 
    data: {
      'trim':$('#first').val()
        },
    dataType: 'json',
    success: function (result) { 
  $.each(result, function(index, el) {

       alert(el); // will alert each value
      });
     }
});

答案 1 :(得分:0)

试试吧,

$('#first').on('keyup',function(){ 
    $.ajax({
        url:'result.php',
        data:{term:$(this).val()},
        dataType:'json',
        success:function(json){
            console.log(json);
        }
    });
});

阅读$.ajax()