使用Ajax调用带有SQL语句的PHP文件
HTML--使用Ajax调用带有SQL语句的PHP文件,php,jquery,ajax,html,Php,Jquery,Ajax,Html,HTML-- 字段: /*将提交处理程序附加到表单*/ $(“#表格”)。提交(功能(事件){ /*阻止表单正常提交*/ event.preventDefault(); /*在此处设置要发布的所有变量*/ 变量参数={ 'submit':$('input[name=“submit”]).val() }; $.ajax({ url:'php/test.php', 方法:'POST', 数据:参数, 成功:功能(msg){ $('#test')。追加(msg); } }) }); PHP--
字段:
/*将提交处理程序附加到表单*/
$(“#表格”)。提交(功能(事件){
/*阻止表单正常提交*/
event.preventDefault();
/*在此处设置要发布的所有变量*/
变量参数={
'submit':$('input[name=“submit”]).val()
};
$.ajax({
url:'php/test.php',
方法:'POST',
数据:参数,
成功:功能(msg){
$('#test')。追加(msg);
}
})
});
PHP--
您需要在ajax调用中发送参数:
<?php
$submit = $_POST['submit'];
if($submit === "Submit"){
echo 'Success!';
} else if($submit === "Don't Click") {
echo 'You Effed Up!';
}
?>
在PHP端,使用POST而不是REQUEST for all
更新:
如果希望在用户单击submit按钮后通过ajax发布,那么需要根据用户键入的内容设置值。例如:
HTML test.HTML
var parameters = {
'submit': 'foo',
'x': '123a',
'y': '123b',
'w': '123c'
};
j(document).ready(
j.ajax({
url: 'php/buttonActions.php',
method:'POST',
data: parameters,
success: function() {
alert('win');
}
})
);
字段:
/*将提交处理程序附加到表单*/
$(“#表格”)。提交(功能(事件){
/*阻止表单正常提交*/
event.preventDefault();
/*在此处设置要发布的所有变量*/
变量参数={
'w':$('input[name=“w”]”)。val(),
'submit':$('input[name=“submit”]).val()
};
$.ajax({
url:'test.php',
方法:'POST',
数据:参数,
成功:功能(msg){
$('#test')。追加(msg);
}
})
});
PHP test.PHP
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Field: <span id="test"></span>
<form id="form" method="post">
<input type="text" name="w" value="" />
<input type="text" name="submit" value="" />
<input type="submit" value="submit" />
</form>
<script>
/* attach a submit handler to the form */
$("#form").submit(function(event) {
/* stop form from submitting normally */
event.preventDefault();
/* set all the vars you want to post on here */
var parameters = {
'w': $('input[name="w"]').val(),
'submit': $('input[name="submit"]').val()
};
$.ajax({
url: 'test.php',
method:'POST',
data: parameters,
success: function(msg) {
$('#test').append(msg);
}
})
});
</script>
您需要在ajax调用中传递表单数据-至少有一个名为submit
的POST变量,其值为Input Information
您很容易受到攻击。mysql_*函数不再支持,它们已被正式弃用,不再维护,将来将被删除。您应该使用PDO或MySQLi更新代码,以确保将来项目的功能;非常感谢他们!我用提交示例编辑了答案。价值当然可以是任何东西。。。对于要发送的每个参数,您都可以使用submit作为变量的名称。我从您的代码中选取了一些示例:$\u REQUEST['x']、$\u REQUEST['y']、$\u REQUEST['w']等等。嘿,刚才在上面做了一个快速编辑;看起来怎么样?但愿我能把你的答案写得更有用;不幸的是,我是新会员。非常感谢你的帮助,法比!这是一篇文章,所以它就像你仅仅通过提交就发布了一样。在php方面,$_POST['submit'],等等,您需要在数据库上执行任何操作之前进行测试。Try:success:function(data){alert(data);}在php端,只是一个简单的if($_POST['submit']=='bla')echo'Ok';否则回声“不好”;这样,您就可以知道它是否工作,因为它将返回对第一页/js的响应。
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Field: <span id="test"></span>
<form id="form" method="post">
<input type="text" name="w" value="" />
<input type="text" name="submit" value="" />
<input type="submit" value="submit" />
</form>
<script>
/* attach a submit handler to the form */
$("#form").submit(function(event) {
/* stop form from submitting normally */
event.preventDefault();
/* set all the vars you want to post on here */
var parameters = {
'w': $('input[name="w"]').val(),
'submit': $('input[name="submit"]').val()
};
$.ajax({
url: 'test.php',
method:'POST',
data: parameters,
success: function(msg) {
$('#test').append(msg);
}
})
});
</script>
<?php print_r($_POST); ?>