用于更改 GET URL 参数的 Jquery 或 JS 代码

Question

我有一个带有复选框的页面，因此当选中时，它将通过 GET 提交值和参数，默认情况下是这样的:

传递两个产品 SKU:

http://example.com/product-comparisons/?product-skus=1&product-skus=2

仅传递一种产品 SKU:

http://example.com/product-comparisons/?product-skus=1

或者这个:

http://example.com/product-comparisons/?product-skus=2

我想要完成的是仅在传递两个或多个产品时更改 GET 参数，如下所示:

http://example.com/product-comparisons/?product-skus=1&product-skus=2

进入这个:

http://example.com/product-comparisons/?product-skus=1,2

当没有检查的产品但提交表单时，它将更改 URL:

http://example.com/product-comparisons/

进入这个:

http://example.com/product-comparisons/?product-skus=0

即将 0 添加到product-sku 查询字符串变量中。

我已经有一个 jQuery 代码，它将在单击提交按钮时运行:

jQuery( document ).ready( function( $ ) {
$('#myform').submit( function() {

    //change the GET URL parameters


 });

});

但我对剩下的过程感到困惑。我希望在提交表单时发生这种情况。如果有人可以提供一些示例代码来开始，我会很高兴。非常感谢。

Answer 1

我将提供的建议不会直接回答您的问题，但可能会解决您的问题，并且可能会在此过程中为您节省大量工作和头痛。

我假设您想要修改 GET 参数，因为您的服务器端应用程序在传递多个值时仅接收其中一个值，并且您希望拆分逗号分隔的参数来解决您的问题。

还有一个更简单的选择。

将复选框 name 属性更改为 product_skus[]，当您在服务器端应用上读取它时，它将作为数组进行检索。

例如:

http://example.com/product-comparisons/?product-skus[]=1&product-skus[]=2

如果您正在用 PHP 阅读本文:

print_r($_GET['product_skus']);`

会给你:

Array(0 => '1', 1 => '2')

希望对您有帮助!

(PS - 你也可以使用其他服务器端语言来做到这一点，比如 Python，而且我确信大多数其他现代语言。Java 和 .NET 可以在没有 [] 语法的情况下做到这一点，所以我很高兴确保您没有使用这些。)