如何在WordPress中获取URL参数并传递给嵌入的Jotform

API 探路者

2026-8-1

解决WordPress嵌入Jotform时传递URL参数的问题

方法一：PHP服务器端处理（推荐）

WordPress基于PHP运行，服务器端直接获取URL参数更可靠，还能避免客户端禁用JavaScript的问题。

代码实现

<?php
// 获取URL中的coursecode参数，无参数时设为空字符串
$course_code = isset($_GET['coursecode']) ? $_GET['coursecode'] : '';
// 转义参数，避免XSS安全风险
$safe_course_code = esc_attr($course_code);
?>
<script type="text/javascript" src="https://form.jotform.com/jsform/230391120310032?coursecode=<?php echo $safe_course_code; ?>"></script>

用法说明

将这段代码放到WordPress的页面模板、自定义短代码或主题的PHP文件中即可。
esc_attr是WordPress内置的安全函数，必须保留，防止恶意参数注入。

方法二：JavaScript客户端处理

如果无法使用PHP（比如在WordPress编辑器的自定义HTML块中），可以用动态创建脚本的方式实现——你之前的错误在于直接将函数调用写在src属性里，这不符合HTML规范。

代码实现

// 封装获取URL参数的通用函数
function getUrlParam(paramName) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(paramName);
}

// 获取当前URL中的coursecode参数
const courseCode = getUrlParam('coursecode');

// 动态创建Jotform脚本标签
const jotformScript = document.createElement('script');
jotformScript.type = 'text/javascript';
// 拼接带参数的脚本地址，无参数时使用默认地址
jotformScript.src = courseCode 
    ? `https://form.jotform.com/jsform/230391120310032?coursecode=${encodeURIComponent(courseCode)}`
    : 'https://form.jotform.com/jsform/230391120310032';

// 将脚本标签插入页面，触发加载
document.body.appendChild(jotformScript);