jquery - 使用 jQuery 替换表单操作中的 URL 查询字符串参数值

Question

我有以下表格

<form action="http://www.domain.com/processing.php?page=first&section=77&userid=replaceme">

如何使用 jquery 来用 jquery 变量更新“replaceme”？

Answer 1

我认为你应该使用正则表达式并匹配“userid”参数的名称，而不是“replaceme”值。

尝试:

var $form = $('form');
$form.prop('action', $form.prop('action').replace(/([\?&])(userid=)[^&#]*/, '$1$2' + newValue));

其中 newValue 是一个变量，其中包含您想要替换“replaceme”的内容。

注意:在 html 中，URL 中的“&”字符应替换为字符实体 &。

更新:

使用@undefined的建议，这将是:

$('form').prop('action', function(i, action){ return action.replace(/([\?&])(userid=)[^&#]*/, '$1$2' + newValue); });

现在不需要 $form 变量。

这是一个jsfiddle demo显示以下案例:

1. “userid”参数是最后一个参数，位于至少一个其他参数之后。
2. “userid”参数是中间参数，前面有一个参数，后面有一个参数。
3. “userid”参数是第一个参数，后面是其他参数。
4. 有一个名称以“userid”结尾的参数，不应替换。
5. 网址末尾有一个 #tag，位于“userid”参数之后。

正则表达式说明:

• 第一组 $1 与“?”匹配或“&”。
• 第二组 $2 与“userid=”匹配。
• 然后匹配字符，直到到达“&”或“#”或直到字符串末尾。