php弹出窗口传递参数,PHP处理弹出窗口提交的值

使用JavaScript实现弹窗数据传递到父窗口并保存到数据库

最新推荐文章于 2021-03-26 21:27:11 发布

转载最新推荐文章于 2021-03-26 21:27:11 发布 · 445 阅读

·

0

·

文章标签：

#php弹出窗口传递参数

该博客介绍了如何通过JavaScript在弹出窗口中获取用户输入的姓名和年龄，并将这些值传递给父窗口，然后由父窗口通过AJAX调用PHP action.php进行保存。在父窗口接收到数据后，更新数据库并刷新页面以显示最新数据，从而实现弹窗关闭和数据的实时更新。这种方法提供了一种友好且有效的方法来处理弹窗表单提交和数据同步。

需要在弹出窗口中将获取的值传到父窗口或者需要把弹出窗口中的值保存到数据库中。例如：

需要将弹出窗口中的姓名，年龄保存到数据库中，并在父窗口中展示。

如果按照常用的办法，在弹出窗口中直接提交表单，那么弹出窗口是不会关闭的，且父窗口也不会显示最新的数据。

具体做法是，在弹出窗口中将需要保存到数据库中的值，传递到父窗口，由父窗口来发起保存操作，最后父窗口刷新自身页面，这样弹出窗口也就关闭了，同时也展示了最新的值。

在弹出窗口中添加如下代码：

$(function(){

$(document).on("click","#button",function(){

var name = $("#name").val();

var age = $("#age").val();

parent.todo({'name':name,'age':age});

});

});

即点击提交按钮后，将值传递到父窗口的todo方法。

父窗口的todo方法如下：

function todo(json)

{

$.post('action.php',{name:json.name,age:json.age},function(json){

if(json.msg) alert(json.msg);

document.location.reload();

});

这样就达到了理想的效果。

另一种更友好的方式：http://www.884358.com/php-layer/