php – 使用空操作在div中提交表单

发布时间：2020-12-13 16:16:49 所属栏目：PHP教程来源：网络整理

导读：我的问题只是我想在一个div中提交一个带有空操作的表单作为同一页面中的php脚本, 一个简单的例子来说明我的页面太长了 htmlheadscript$(document).ready(function() { $("#myDiv").delegate("form","submit",function(event) { $.ajax({ data: $(this).seria

我的问题只是我想在一个div中提交一个带有空操作的表单作为同一页面中的php脚本,
一个简单的例子来说明我的页面太长了

<html>
<head>
<script>
$(document).ready(function() {
 $("#myDiv").delegate("form","submit",function(event) {
       $.ajax({ 
            data: $(this).serialize(),type: $(this).attr('method'),url: $(this).attr('action'),success: function(response) { 
                $("#myDiv").slideUp(500,function() {
                    $("#myDiv").html(response);
                    $("#myDiv").slideDown(500);
                });
            }
        });
        return false;    
    });
 });
</script>
<head>
<form method="post" action="">
<p> enter your name</p> <input type="text" name="name" />
<input type="submit" name="save" />
</form>
<?php
if (isset($_POST['save'])) {
echo $_POST['name'];
}
?>
</html>

表单的操作是空的问题,所以当我点击提交按钮没有任何反应时,所以任何人都知道如何解决问题？
PS：在extrnak文件中提取php脚本太难了,我正在寻找替代解决方案.

解决方法

要使.delegate工作,你必须围绕你想要定位的选择器包装#myDiv,因为定位相当于：

$('#myDiv').find('form').on('submit',...

换句话说,您的表单必须包含在#myDiv中.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!