我已经看到了关于我的问题的类似问题,但我真的不知道我的代码是如何工作的,尽管我有类似于我见过的工作代码。任何人都可以帮助我。
这是我的HTML代码
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Table Quick Edit</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.tabledit.js"></script>
<script src="js/myScript.js"></script>
</head>
<body>
<div id="container" style="margin-top:35px">
<input id="pId" value="P.00">
</div>
</body>
</html>
以下是我的PHP代码 我可以在Chrome浏览器的“响应标签”中看到回复。
<?php
include_once('dbConnection.php');
$equip = array();
echo json_encode(getProject($conn,$_POST['projId']));
function getProject ($conn,$pId){
$tsql = "select projId, geo from dbo.proj where projId like '".$pId."'";
$stmt = sqlsrv_query( $conn, $tsql);
if( $stmt === false ) {
echo "Error in executing query \n";
die( print_r( sqlsrv_errors(), true));
}
do {
while ($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) {
$equip[] = $row;
}
} while (sqlsrv_next_result($stmt) );
return $equip;
}
echo "Closing Connection... \n";
sqlsrv_close($conn);
?>
最后,我用简单的javascript来填充'#container'元素
$(document).ready(function(){
$('#pId').on('change', function () {
var dataString = $('#pId').val(); //Pick-ups my input from index.html
$.ajax({
method: 'POST',
url: 'php/getProjectList.php',
dataType:'json',
data: { 'projId': dataString },
success: function (data) {
$.each(data, function (i, v) {
$('#container').html(v.projId);
});
}
});
});
});
有人可以帮助我吗?