如何使用jQuery和JavaScript获取URL的特定部分？

Question

我正在通过jQuery AJAX在WordPress中签出订单。 成功发布后，WordPress将结果success值和url值返回给我。

我想获取此url的特定部分，以便可以将id用作对象。

这是网址的结构：
http：// localhost / mywebsite / checkout / order-received / 28564？key = wc_order_5b4dbc6b2f459

这是我当前的代码：

j('.my-checkout').on('submit', function(evt) {
  evt.preventDefault();

  var billing_customer_type = j("#billing_customer_type").val();
  // and so on...

  j.ajax({
    type: 'POST',
    url: 'http://localhost/mywebsite/ajax=checkout',
    cache: false,
    data: {
      'billing_customer_type': billing_customer_type,
      // and so on..
    },
    success: function(result) {
      var orderResponseUrl = result.redirect;

      j('.order-response-url').html(orderResponseUrl);
      // http://localhost/mywebsite/checkout/order-received/28564?key=wc_order_5b4dbc6b2f459

      orderResponseUrl.split("/");
      console.log(orderResponseUrl[3]);
    },
    error: function(xhr, status, error) {
      console.log(error);
    },
    complete: function() {}
  });
});

我上面的代码的结果就是字母“ p”。 我认为是因为它以http的首字母开头，所以我使用了索引[3] 。

您是否知道如何获取url的特定部分28564 ？

Answer 1

因为当您执行orderResponseUrl.split("/"); 它不会更改orderResponseUrl ，而是创建一个新数组。

var parts = orderResponseUrl.split("/");
console.log(parts);

Answer 2

如果长度始终相同，则可以使用子字符串功能。

var str = "Hello world!";
var res = str.substring(1, 4);

现在资源包含

console.log(res); // ell

如果您不知道索引，则可以找到这样的索引。

var str = "Hello world, welcome to the universe.";
var n = str.indexOf("welcome");

现在看起来

console.log(n); // 13

Answer 3

如果您需要与之交互的URL始终相同，则可以在“ order-received /”部分拆分返回的url（这提供了之前和之后的所有内容的数组）。

然后，您可以使用parseFloat()来获取订单号，而不是再次在'？'上拆分，因为parseFloat返回所有数值，但不包括第一个非数字字符（ “？”）。

 var urlStr = 'http://localhost/mywebsite/checkout/order-received/28564?key=wc_order_5b4dbc6b2f459'; var orderNumber = parseFloat(urlStr.split('order-received/')[1]); console.log(orderNumber); //gives 28564