Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/238.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
php输出显示在灰盒上_Php_Javascript_Post_Submit_Greybox - Fatal编程技术网

php输出显示在灰盒上

php输出显示在灰盒上,php,javascript,post,submit,greybox,Php,Javascript,Post,Submit,Greybox,我有一个表单,在提交时调用php脚本,将数据插入MySQL数据库。我希望php脚本的输出返回到一个灰盒。我没能让它工作,所以我感谢你们能提供的任何帮助 我在下面的表单定义中调用了greybox,但没有这样做 下面是代码的一个子集: <script type="text/javascript" src="greybox/AJS.js"></script> <script type="text/javascript" src="greybox/AJX_fx.js">

我有一个表单,在提交时调用php脚本,将数据插入MySQL数据库。我希望php脚本的输出返回到一个灰盒。我没能让它工作,所以我感谢你们能提供的任何帮助

我在下面的表单定义中调用了greybox,但没有这样做

下面是代码的一个子集:

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJX_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>

<div id="content">

<form id="contact_us" name="contact_us" action="contact-greybox.php"  method="POST" onSubmit="return GB_showCenter('Testing', this.action, 500, 500)">
<fieldset>
<label for="employee_id">Employee ID:</label>
<input id="employee_id" name="employee_id" type="number" size="10" /><P />
<label for="employee_name">Employee Name:<strong><br /> (as it should appear on
email) </strong></label>
<input id="employee_name" name="employee_name" type="text"  /><P />
</fieldlist>

<p class="submit"><input type="image" name="submit" value="Submit Form" src="icons/ambas_submit.jpg" boder="0">

</form>
</div>

员工ID:

员工姓名:
(应显示在 电子邮件)

php是MySQL中的一个简单insert语句


感谢您的帮助

greybox不支持POST提交,但一般的模式是使用ajax提交表单,否则您的页面将刷新

您需要对表单输入设置onclick($.submit),然后在ajax调用结束时返回false:

$('#contact_us').submit(function(){
    //get your inputs here
    var e_id = $.('#employee_id').val();
    //...etc....
    $.post( ...
        //set your data/input fields here:
        data: { id: e_id },
        success: function(response){
            //display the response: this is what you get back from: contact-greybox.php   
        }
    })
    return false;
});
是一个覆盖框,支持以纯html作为参数调用,因此您可以将其放入success函数中:

$.fancybox(response);
...or
$.fancybox(response.html)... etc.

非常感谢您的快速回复,我将试一试,让您知道进展如何。因此,上面的代码可以在外部javascript函数上运行,并从表单onsubmit事件调用,对吗?是的,这个js代码实际上可以在任何地方(在html/模板文件的脚本标记中)或外部js文件中。在绑定事件处理程序之前,可能还应该将其包装在$.ready中,以确保元素在那里。