本文详解如何通过 jQuery 安全提交表单并跳转至目标页面（如 sorgu.php），重点解决因重复执行 $("#jsSorgula").submit() 导致的无限重定向/刷新问题，并提供可落地的防重提交与参数传递方案。
本文详解如何通过 jquery 安全提交表单并跳转至目标页面（如 `sorgu.php`），重点解决因重复执行 `$("#jssorgula").submit()` 导致的无限重定向/刷新问题，并提供可落地的防重提交与参数传递方案。
在 Web 开发中，常需通过前端交互（如点击按钮）将用户输入提交至另一页面进行处理。但若逻辑设计不当——尤其是依赖全局变量（如 $count = 0）做“首次执行”判断——极易引发无限表单自动提交循环：页面加载 → 读取 URL 参数 → 自动触发表单 submit → 页面重载 → 再次读取参数 → 再次 submit……如此往复。
你的 sorgu.php 中存在典型问题：
$count = 0; // ❌ 每次 JS 执行都重置为 0，无法持久化状态
$(document).ready(function(){
if ($count == 0) {
$keys = getUrlVars()["key"];
$('#siparis_keyId').val($keys);
$("#jsSorgula").submit(); // ⚠️ 此处触发 POST，但页面重载后又执行一遍
$count++; // ✅ 但 $count 在新页面 JS 中仍是 0！
alert($count);
}
});
$count 是 JavaScript 变量，不会跨页面保留，每次 sorgu.php 加载都会重新初始化为 0，导致 if ($count == 0) 永远为真，形成死循环。
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
✅ 正确解法：分离“参数预填充”与“表单提交”逻辑，禁止自动 submit，改由用户显式触发或受控提交
✅ 推荐方案：URL 参数 + 手动提交（安全、可控、无循环）
-
在 header.php 中，点击时直接跳转带参 URL（不修改 href 属性）
避免污染 DOM 属性，改用 window.location.href 显式导航：
$("#siparis_Sorgula").on("click", function(e) {
e.preventDefault(); // 阻止默认 a 标签跳转
const key = $.trim($("#siparis_key").val());
if (!key) {
alert("Lütfen sipariş kodunu giriniz!");
return;
}
// 直接跳转到 sorgu.php?key=xxx，让后端处理
window.location.href = "sorgu.php?key=" + encodeURIComponent(key);
});
-
在 sorgu.php 中，仅预填充表单，不自动提交
移除 $("#jsSorgula").submit()，改为仅设置 input 值，由用户点击按钮确认：
$(document).ready(function() {
const urlParams = new URLSearchParams(window.location.search);
const key = urlParams.get("key");
if (key) {
$("#siparis_keyId").val(decodeURIComponent(key));
// ✅ 可选：聚焦输入框或提示用户
$("#siparis_keyId").focus();
}
});
// 可选：增强体验 —— 回车键提交
$("#siparis_keyId").on("keypress", function(e) {
if (e.which === 13) { // Enter 键
e.preventDefault();
$("#jsSorgula").submit();
}
});
- 确保表单 action 正确指向处理脚本（如 sorgu.php 自身）
⚠️ 注意事项与最佳实践
- 永远避免在 $(document).ready 中无条件调用 .submit()：除非你明确控制流程（如 AJAX 提交后手动跳转），否则极易引发循环。
- 不要依赖 JS 变量做“页面级唯一性”判断：localStorage 或 sessionStorage 可临时存储状态，但此处无需——URL 参数本身已是可靠上下文。
- 始终对用户输入做 encodeURIComponent() 编码：防止特殊字符（如 &, =）破坏 URL 结构。
- 服务端必须校验 $_GET['key'] 和 $_POST['siparis_key']：前端逻辑不可信，防篡改与空值处理需在 PHP 层完成。
- 若需 AJAX 提交（不跳转）：应统一用 $.post() 或 fetch()，并在成功回调中跳转或更新 DOM，而非混合 form.submit() 与页面跳转。
✅ 总结
解决“jQuery 表单跳转无限循环”的核心在于：切断自动提交链路，将“参数传递”与“业务提交”解耦。优先使用语义清晰的 URL 参数导航 + 手动表单提交，既符合 HTTP 规范，又易于调试和维护。对于你的场景，删除 sorgu.php 中所有自动 submit 代码，仅保留参数回填逻辑，即可彻底规避循环风险。
