JavaScript/jQuery：如何从 .attr("action") 获取参数及其值？

Question

我有一个在 Ruby On Rails 中呈现的表单，如下所示：

<%= form_tag myaction_path(item_id: item.id), 
                            { class: 'myaction', 
                                id: "myaction_#{item.id}", 
                                method: :get, 
                                remote: true } do %>

我在 JS 中处理数据：

$(document).ready(function () { 
  $(".myaction").submit(function(event){  
    event.stopPropagation();
    event.stopImmediatePropagation();
    event.preventDefault();

    console.log($(this).attr("action"));
    ...

console.log($(this).attr("action")); 返回/app/myaction?item_id=5528 。

我需要item_id作为访问表单中其他项目的键。 有什么优雅的方法可以从$(this).attr("action")获取它，还是我需要手动解析字符串（ /app/myaction?item_id=5528 ）？

Answer 1

无法从表单操作中获取查询字符串。 您必须手动解析它。

let str = $(this).attr("action");

function parseQueryString(str) {
  let query = str.split("?");
  if (query.length > 1) {
    let item = query[1].split("=");
    return item[1] ? item[1] : "";
  }
}

let result = parseQueryString(str);
console.log(result);

Answer 2

您可以将 item_id 存储在隐藏的输入字段中。 否则，如果您想从操作中解析 item_id 或任何其他字段，则可以使用以下 js 函数：

 function parseURL(url) { var searchObject = {} let queries = new URL(url).search.replace(/^\\?/, '').split('&'); for( i = 0; i < queries.length; i++ ) { split = queries[i].split('='); searchObject[split[0]] = split[1]; } return searchObject; }