在我的一个页面上显示来自 php 文件的表单 - 如何？答案

【问题标题】：Show form from php file on one of my pages - how?在我的一个页面上显示来自 php 文件的表单 - 如何？
【发布时间】：2012-10-15 17:32:53
【问题描述】：

我在这个问题上花了一个星期，它可能真的很简单......

我在我的网站上使用 osTicket（开源支持票证系统）。我想在我的一个页面上使用ticketform 作为联系表。我只想显示表单 id="ticketForm"（请参见下面的代码），因为我不希望打开所有其余代码（带有支持中心主页、打开新工单、检查工单状态按钮等的菜单） .php 文件 - 我尝试使用 iframe，但问题太多，iframe 不是一个好方法。

我想使用这部分（我没有显示所有代码，因为我认为代码中有一些敏感信息 - 希望没关系）：

<form id="ticketForm" enctype="multipart/form-data" action="open.php" method="post">
   <input type="hidden" value=......... etc. code for name, email, attachment fields, captcha etc.</form>

来自： www.mysite.com ...../support/open.php

并显示在： www.mysite.com ...../contact.html

这样我就可以得到一个与我在该页面上的文字相融合的联系表格。

有什么简单的方法吗？请温柔一点（不要以为我知道你认为理所当然的事情）-我不是程序员 :o) 谢谢。

【问题讨论】：

标签： php jquery html contact-form ticket-system

【解决方案1】：

在contact.html 中执行以下操作：

$('#result').load('/path/to/open.php #ticketForm');

这将从 open.php 中检索 ID 为 ticketForm 的表单，并将其放置在您的 contact.html 页面中 ID 为 result 的 div 中。

参见.load() jquery 方法的Loading page fragments 部分。

更新：
您应该将上面的代码放在您的contact.html 的<body> 内的document.ready 处理程序中，如下所示：

<script type="text/javascript"> 
    $(document).ready(function() {
       $('#result').load('/path/to/open.php #ticketForm');
    });
</script>

【讨论】：

非常感谢。我实际上已经尝试过那个，但它似乎没有做任何事情。也许是因为它是我正在开发的本地站点？（对不起，我应该这么说，但所有其他本地站点都可以正常工作）。我使用 Wampserver。在我的contact.html页面中，我把它放在了头部：和正文中的这个：
我尝试了物理地址“file:///C:/wamp/www/support/open.php”但没有。有什么想法吗？
您必须将我的答案代码放在 BODY 而不是 HEAD 中，也在 de .ready 处理程序中，请参阅我的答案的更新。
再次感谢。奇怪的是，我在另一个在线网站上测试了代码，并且在我将插入头部后它工作了。但它仍然无法在我的本地测试站点上运行，这对我来说是个问题 - 萤火虫给我这个错误“TypeError：$ is not a function”，用于“$（document）.ready（function（）{” . 怎么了？网站在“file:///C:/.....”上，而 osTicket 在“localhost”上 - 同一台计算机，但是......它是关于同源策略还是它是 wampserver？？
您的本地测试站点似乎没有互联网访问权限，这就是它无法检索 ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 的原因所以你得到的错误，只需从具有互联网访问权限的电脑下载并将其放在与你的 html 文件相同的目录中，并将其作为
我的电脑可以上网，所以这不是问题。我发现了问题所在，这就是我提出的问题——同源策略。我将它插入到我的 php 文件“header('Access-Control-Allow-Origin: *');”中就在“