使用Ajax将php文件加载到div中 - php

我已经在一个项目上停留了几天，而我需要做的部分却迷失了。

我正在尝试获取一个.php文件，该文件仅包含使用AJAX加载到div中的表单。我一直在研究所有旧帖子，而我尝试过的一切都行不通，这些示例在某些方面使我更加困惑。我使用的是XAMPP，因此用户必须通过数据库登录并进入其个人资料。当他们在配置文件中时，他们可以单击“添加待办事项”，它应该显示位于toDoForm.php中的表单。

profile.php

<div class="col s4">
    <button id="loadToDoForm" type="submit">Add a To-Do</button>
</div>
<div id="toDoFormShow">
    // toDoForm.php goes here on button click
</div>

toDoForm.php

<form class="col s12">
    <div class="row">
        <div class="input-field col s6">
            <input placeholder="Placeholder" id="first_name" type="text" class="validate">
            <label for="first_name">First Name</label>
        </div>
        <div class="input-field col s6">
            <input id="last_name" type="text" class="validate">
            <label for="last_name">Last Name</label>
        </div>
    </div>
</form>

这是我尝试在按钮上运行ajax的地方

script.js

$(document).ready(function(){

    $('#loadToDoForm').click(function(){
        $.ajax({
            type: "POST",
            url: "toDoForm.php",
            // url: "views/toDoForm.php",
            data: datas,
            cache: false,
            success: function(html){
            }
        });
    });

});

参考方案

无论如何，使用jQuery解决方案如何？您实际上并不需要服务器端。

您可以将其用于网站的许多不同部分。

创建一个名为例如的文件siteTemplates.html-这将包含模板部分，例如您的表格

添加表单html并为其提供ID：

<form class="col s12" id="myFormTemplate"><!-- notice ID -->
    <div class="row">
        <div class="input-field col s6">
            <input placeholder="Placeholder" id="first_name" type="text" class="validate">
            <label for="first_name">First Name</label>
        </div>
        <div class="input-field col s6">
            <input id="last_name" type="text" class="validate">
            <label for="last_name">Last Name</label>
        </div>
    </div>
</form>

加载模板的功能

loadTemplate(containerID, templateID){
    var myContainer = $('#' + containerID); // cache the container
    /* load just the section you need by specifying id within templates file */
    myContainer.load('/siteTemplates.html #' + templateID);
}

然后点击调用该函数

$('#loadToDoForm').click(loadTemplate('toDoFormShow', 'myFormTemplate'))

这未经测试，但应该为您提供一个起点

PHP-复选框组 - php

我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…

jQuery不起作用 - php

我正在使用带有ajax的jquery。有时，给出错误$未定义。这是我的代码：<script language="javascript" type="text/javascript"> var base_path="<? echo $this->baseUrl().'/…

当使用jquery的id做某事时，id可以来自任何一种标记吗？ - php

我是JQuery的新手，我正尝试使用PHP，HTML和JQuery编写代码。我想用具有ID的标签替换HTML中的所有<?php echo $var; ?>。例如，我想使用<div id="name"></div>之类的东西，然后使用$("#name")将其显示在该div字段中。我的问…

PHP中奇怪的sprintf行为 - php

我试图做sprintf("<%s>", "Sat");，但是什么也没出现。当您删除小于符号时，它将再次开始工作。任何人都经历过这种行为以及是否会发生这种情况？因为我认为这是一个错误。您甚至可以在这里使用printf .....获得相同的结果。http://writecodeonline.com/php/ 参…

Div单击与单选按钮相同吗？ - php

有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同？我只希望下面的div提交值，单选按钮很丑代码输出如下：<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…