HTML表单与PHP
我希望有一个表单可以执行一些php代码,而不必打开一个全新的php页面。现在,我对“POST”很熟悉,因此我可以执行一个php文件并使用$_POST[variable]从HTML表单调用变量,但是,打开一个新页面需要时间,我希望有一个表单可以立即执行操作 例如,有人可以编写html代码来创建一个文本框和一个按钮,当用户按下go时,它会在按钮旁边显示用户输入的文本HTML表单与PHP,php,html,forms,post,Php,Html,Forms,Post,我希望有一个表单可以执行一些php代码,而不必打开一个全新的php页面。现在,我对“POST”很熟悉,因此我可以执行一个php文件并使用$_POST[variable]从HTML表单调用变量,但是,打开一个新页面需要时间,我希望有一个表单可以立即执行操作 例如,有人可以编写html代码来创建一个文本框和一个按钮,当用户按下go时,它会在按钮旁边显示用户输入的文本 谢谢 如果希望在加载页面后执行php代码而不打开新页面,那么应该使用AJAX之类的技术。PHP是一个预处理器,运行它是为了处理页面,而
谢谢 如果希望在加载页面后执行php代码而不打开新页面,那么应该使用AJAX之类的技术。PHP是一个预处理器,运行它是为了处理页面,而不是为了处理之后的函数 使用AJAX,您可以使用javascript调用由PHP处理的网页。然后使用返回的页面/数据,您可以执行页面功能 有关ajax的更多信息,请点击此处:) 我建议将jQuery视为ajax包装器:
你可以在网上找到大量的教程来开始学习。如果你想在页面加载后执行php代码而不打开新页面,那么你应该使用AJAX之类的技术。PHP是一个预处理器,运行它是为了处理页面,而不是为了处理之后的函数 使用AJAX,您可以使用javascript调用由PHP处理的网页。然后使用返回的页面/数据,您可以执行页面功能 有关ajax的更多信息,请点击此处:) 我建议将jQuery视为ajax包装器:
你可以在网上找到大量的教程来开始学习。我会研究AJAX,更具体地说是使用jQuery的AJAX调用。对于POST请求,它看起来有点像这样:
$.ajax({
type: 'POST',
url: url,
data: data,
success: success
});
如果我填好了,可能是这样的:
$.ajax({
type: 'POST', // Method of submission: POST or GET
url: 'processor.php', // The script to send to.
data: { id: 1, name: 'John' }, // The data to give to PHP.
success: function(data) { // Do something with what PHP gives back.
console.log(data);
}
});
有关jQuery的AJAX函数的更多信息,请点击此处:
您可能对jQuery.ajax()、jQuery.post()和jQuery.get()感兴趣。我将研究ajax,更具体地说是使用jQuery的ajax调用。对于POST请求,它看起来有点像这样:
$.ajax({
type: 'POST',
url: url,
data: data,
success: success
});
如果我填好了,可能是这样的:
$.ajax({
type: 'POST', // Method of submission: POST or GET
url: 'processor.php', // The script to send to.
data: { id: 1, name: 'John' }, // The data to give to PHP.
success: function(data) { // Do something with what PHP gives back.
console.log(data);
}
});
有关jQuery的AJAX函数的更多信息,请点击此处:
您可能对jQuery.ajax()、jQuery.post()和jQuery.get()感兴趣。下面是一个HTML和PHP代码片段,让您开始学习。它使用jQuery,并使用AJAX将textarea的值写入submit按钮下方 HTML代码段[file=so.HTML]
<!DOCTYPE html>
<html><head><title>SO Example</title>
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js">
</script>
</head>
<body>
<form id="frm" name="frm">
<textarea id="txt" name="txt" rows="4" cols="40">
</textarea><br />
<input type="submit"><br />
<span id="result"></span>
</form>
<script type="text/javascript">
$('#frm').submit(function(e){
e.preventDefault();
$.ajax({
url:"/so.php",type:"post",dataType:"html",
data:$('#frm').serialize(),
success:function(obj){
$('#result').text(obj);
}
});
});
</script>
</body>
</html>
以身作则
$('#frm')。提交(函数(e){
e、 预防默认值();
$.ajax({
url:“/so.php”,类型:“post”,数据类型:“html”,
数据:$('#frm')。序列化(),
成功:功能(obj){
$('结果').text(obj);
}
});
});
PHP代码段[file=so.PHP]
<?php
echo $_POST['txt'];
这里是一个HTML和PHP代码片段,让您开始学习。它使用jQuery,并使用AJAX将textarea的值写入submit按钮下方
HTML代码段[file=so.HTML]
<!DOCTYPE html>
<html><head><title>SO Example</title>
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js">
</script>
</head>
<body>
<form id="frm" name="frm">
<textarea id="txt" name="txt" rows="4" cols="40">
</textarea><br />
<input type="submit"><br />
<span id="result"></span>
</form>
<script type="text/javascript">
$('#frm').submit(function(e){
e.preventDefault();
$.ajax({
url:"/so.php",type:"post",dataType:"html",
data:$('#frm').serialize(),
success:function(obj){
$('#result').text(obj);
}
});
});
</script>
</body>
</html>
以身作则
$('#frm')。提交(函数(e){
e、 预防默认值();
$.ajax({
url:“/so.php”,类型:“post”,数据类型:“html”,
数据:$('#frm')。序列化(),
成功:功能(obj){
$('结果').text(obj);
}
});
});
PHP代码段[file=so.PHP]
<?php
echo $_POST['txt'];
您可以使用Javascript来完成此操作,您不会提交表单。您看到了吗?这样做会让你的生活变得更加轻松。你的代码是什么样子的?没有通用的解决方案。你可以使用Javascript来实现这一点,你不会提交表单。你看到了吗?这样做会让你的生活变得更加轻松。你的代码是什么样子的?没有通用的解决方案。