Question

在常规HTML中对表单使用GET请求时，我们会在URL中获取变量。是否有Jquery方法通过单击按钮发送这样的变量？我一直在研究Jquery .get但我无法将我的参数显示在URL中。

以下未加载页面并添加到URL，它只运行具有指定参数的代码。

$.get( "home.php", { name: "menyo" } );

所以我正在寻找一种以干净的Jquery方式做到这一点的方法。这是因为我有许多按钮可以执行各种Jquery操作，而且我不想为每个按钮创建一个带有自己的get请求的表单，而我使用HTML中的自定义属性自动按钮和按钮类。

Answer 1

您需要做的是创建一个方法，该方法将以给定的形式查找所有输入，并准备一个具有键值对的JSON对象。

类似的东西

function getFormJson(formId) {
    var jsonObject = {};
    $("form#" + formId).find("input").each(function (i, item) {
        jsonObject[item.attr("name")] = item.val();
    });
    return jsonObject
}

Answer 2

要移动窗口的位置，我相信你可以这样做：

window.location.href = "home.php?name=menyo";

否则我会查看checkState，它会改变页面的URL而不会实际带你到那里。

pushState docs：

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history#The_pushState().C2.A0method

否则，您可以使用经典的AJAX

$("#button").click(function(){
    $.ajax({
        type: "GET",
        url: "where/you/need/the/variables.php",
        data: { 
            "name" : "menyo"
        },
        success: function(data){
            // data is the returned output of the page
        }
    });
})

使用jQuery .get在URL中显示参数

2 个答案: