添加表单时重新加载PHP页面(可能需要ajax)

添加表单时重新加载PHP页面(可能需要ajax),php,ajax,jquery,Php,Ajax,Jquery,很抱歉,这个主题的标题可能不正确,但这是我想到的最好的标题 所以,我正在为一个网站建立管理面板 我有一个页面,在页面的某些部分,我想刷新它并加载另一个表单 比如说添加一个日程表,我希望在页面下面的某个地方,点击链接后立即显示这个表单 当用户保存它时,我希望该表单消失,而不是有一个显示所有日程安排的列表 我不想使用框架——我不是框架的支持者。该面板是使用PHP构建的 也许这可以通过Ajax实现?如果是->如何?任何指向好的示例或教程的链接。是的,这将通过ajax解决 下面是一个页面应该刷新的代码

很抱歉,这个主题的标题可能不正确,但这是我想到的最好的标题

所以,我正在为一个网站建立管理面板

我有一个页面,在页面的某些部分,我想刷新它并加载另一个表单

比如说添加一个日程表,我希望在页面下面的某个地方,点击链接后立即显示这个表单

当用户保存它时,我希望该表单消失,而不是有一个显示所有日程安排的列表

我不想使用框架——我不是框架的支持者。该面板是使用PHP构建的


也许这可以通过Ajax实现?如果是->如何?任何指向好的示例或教程的链接。

是的,这将通过ajax解决

下面是一个页面应该刷新的代码示例

$('#button').click(function() {
    $.ajax({
        url: 'path/to/script.php',
        type: 'post',
        dataType: 'html', // depends on what you want to return, json, xml, html?
                       // we'll say html for this example
        data: formData, // if you are passing data to your php script, needed with a post request
        success: function(data, textStatus, jqXHR) {
            console.log(data); // the console will tell use if we're returning data
            $('#update-menu').html(data); // update the element with the returned data
        },
        error: function(textStatus, errorThrown, jqXHR) {
            console.log(errorThrown); // the console will tell us if there are any problems
        }
    }); //end ajax

    return false; // prevent default button behavior
}); // end click
jQuery Ajax

脚本解释

1-用户单击按钮

2-Click函数启动对服务器的XHR调用

3-url是php脚本,它将根据发布的值处理我们发送的数据

4-类型为POST请求,需要数据才能返回数据

5-本例中的数据类型为html

6-我们发送到脚本的数据可能是分配给变量formData的表单元素的序列化

7-如果XHR返回200,则在控制台中登录返回的数据,以便我们知道正在处理什么。然后将该数据作为html放入所选元素(#更新菜单)中

8-如果有错误,请控制台为我们记录错误

9-返回false以防止出现默认行为

10-全部完成