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