[英]Outputting SQL queries with Javascript, PHP and AJAX
我正在尝试使用一个表单,该表单在提交时将简单SQL查询的输出返回到页面而无需重新加载(AJAX)。 我可以使用简单的输出工作但是当我使用PHP进行SQL查询时,不会返回任何内容。 任何帮助将非常感激。 无论如何我也找不到我的Javascript / Php有什么问题。
对于Web开发来说很陌生,所以如果这是微不足道的话,请道歉。 以前找到的所有解决方案都没有奏效
我的守则;
a1.php
<script src='../js/scriptget.js'></script>
<form>
<fieldset>
<legend>Login</legend>
Username:<br>
<input type="text" name="myusername" placeholder="Username">
<br>
Password:<br>
<input type="text" name="mypassword" placeholder="Password">
<br><br>
<input type="submit" value="Submit" onclick='return getAccount();'>
</fieldset>
</form>
scriptget.js
function getAccount(){
var phpOut = $.ajax({
type: 'GET',
url: 'submitInjection.php',
data: 'myusername=billsmith&mypassword=password'
});
drawOutput('hello');
return false;
}
function drawOutput(responseText){
var container = document.getElementById('output2');
container.innerHTML = responseText;
}
submitinjection.php
<?php
$host="localhost"; //Host Name
$username="root"; // MySql Username
$password="root"; // Mysql Password
$db_name="Honours2"; //Database Name
$tbl_name="Users"; // Table Name
// Connect to server and select database
$conn = mysql_connect("$host", "$username", "$password") or die("Cannot Connect");
mysql_select_db("$db_name") or die("Cannot select DB");
// User and Password sent from form
$myusername = $_GET['myusername'];
$mypassword = $_GET['mypassword'];
/**
Protect MYSQL INJECTION
$myusername = stripslashes($myusername);
$mypassword = stripslashes($mypassword);
$myusername = mysql_real_escape_string($myusername);
$mypassword = mysql_real_escape_string($mypassword);
*/
$sql = "SELECT *
FROM $tbl_name
WHERE username = '$myusername'
AND password = '$mypassword'
";
$result=mysql_query($sql);
/* echo $sql; */
if (!$result){
die('Invalid Query: ' . mysql_error() . $sql);
}
if ($result){
echo($sql);
}
/* var_dump($result); */
while ($row = mysql_fetch_assoc($result)){
echo $row['username'];
echo ": ";
echo $row['balance'];
}
mysql_free_result($result);
$conn->close();
?>
提前致谢
您需要处理ajax调用的结果,例如success
函数。 你也可以使用像.done()
或$.when().then()
,查看jQuery手册。
使用success
函数的简单示例:
var phpOut = $.ajax({
type: 'GET',
url: 'submitInjection.php',
data: 'myusername=billsmith&mypassword=password',
success: function(data_returned) {
alert(data_returned);
// or
$('#output2').html(data_returned);
}
});
一些额外的说明:
GET
将敏感信息发送到服务器,而是使用POST
; mysql_*
函数,你应该切换到mysqli_*
或PDO,你可以使用预处理语句来避免sql注入,从而避免转义。 您必须在$.ajax()
调用中添加success
回调函数。 该回调函数应调用您的'drawOutput'函数,并将其作为参数获取响应。 像这样的东西:
success: function (data) {
drawOutput(data);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.