Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/273.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML表单与PHP_Php_Html_Forms_Post - Fatal编程技术网

HTML表单与PHP

HTML表单与PHP,php,html,forms,post,Php,Html,Forms,Post,我希望有一个表单可以执行一些php代码,而不必打开一个全新的php页面。现在,我对“POST”很熟悉,因此我可以执行一个php文件并使用$_POST[variable]从HTML表单调用变量,但是,打开一个新页面需要时间,我希望有一个表单可以立即执行操作 例如,有人可以编写html代码来创建一个文本框和一个按钮,当用户按下go时,它会在按钮旁边显示用户输入的文本 谢谢 如果希望在加载页面后执行php代码而不打开新页面,那么应该使用AJAX之类的技术。PHP是一个预处理器,运行它是为了处理页面,而

我希望有一个表单可以执行一些php代码,而不必打开一个全新的php页面。现在,我对“POST”很熟悉,因此我可以执行一个php文件并使用$_POST[variable]从HTML表单调用变量,但是,打开一个新页面需要时间,我希望有一个表单可以立即执行操作

例如,有人可以编写html代码来创建一个文本框和一个按钮,当用户按下go时,它会在按钮旁边显示用户输入的文本


谢谢

如果希望在加载页面后执行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来实现这一点,你不会提交表单。你看到了吗?这样做会让你的生活变得更加轻松。你的代码是什么样子的?没有通用的解决方案。