Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/277.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
Javascript 带按钮的PHP表单_Javascript_Php_Html - Fatal编程技术网

Javascript 带按钮的PHP表单

Javascript 带按钮的PHP表单,javascript,php,html,Javascript,Php,Html,我有一些JAVA GUI编程的经验,我想在PHP表单中实现同样的功能 情境:我想要一个带有提交按钮的php表单。按下按钮时,应调用ActionEvent来更新表单的另一部分 如何使用HTML、PHP、JAVASCRIPT实现此功能?加载最新版本的jQuery: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> HTML代码: <f

我有一些JAVA GUI编程的经验,我想在PHP表单中实现同样的功能

情境:我想要一个带有提交按钮的php表单。按下按钮时,应调用ActionEvent来更新表单的另一部分


如何使用HTML、PHP、JAVASCRIPT实现此功能?

加载最新版本的jQuery:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

HTML代码:

<form>
 <button type="button" class="formLoader">Click button</button>
 <div id="formContentToLoad"></div>
</form>
<script type="text/javascript">
$(function(){
  $(".formLoader").click(function(){
    $("#formContentToLoad").load("scriptToRun.php");
  });
});
</script>

点击按钮
jQuery代码:

<form>
 <button type="button" class="formLoader">Click button</button>
 <div id="formContentToLoad"></div>
</form>
<script type="text/javascript">
$(function(){
  $(".formLoader").click(function(){
    $("#formContentToLoad").load("scriptToRun.php");
  });
});
</script>

$(函数(){
$(“.formLoader”)。单击(函数(){
$(“#formContentToLoad”).load(“scriptToRun.php”);
});
});
您需要在表单中更新的任何标记都可以放在scriptToRun.php中,使用jQuery

Javascript

$(document).ready(function() {
    $(".myForm").submit(function() {
        $.ajax({
            type: "POST",
            url: "myForm.php",
            data: $(this).serialize(),
            success: function(response) {
                // todo...
                alert(response);
            }
        })
    })
});
Html


PHP


如果要使用PHP和HTML提交表单,请尝试以下操作:
HTML表单

<form action="" method="post">
   <input type="text" placeholder="Enter Name" name="name" />
   <input type="submit" name="sendFormBtn" />
</form>

PHP


Stackoverflow不是免费的编码服务,请发布您尝试的代码,我们将尽力提供帮助。另外,请阅读:您需要CSS来设计。@Daan,他需要学习很多知识才能深入到这一点:/
现在在jquery中创建一个函数。这样我们帮不了你。尝试使用一些代码。运行它。如果你遇到任何问题,把代码放在这里,我们可以帮助你。这就是这个平台的目的。
<?php
  if(isset($_POST["sendFormBtn"]{
    $name = isset($_POST["name"]) ? $_POST["name"] : "Error Response Here";
    //More Validation Here
  }