javascript - 从请求 URL 响应数据中获取值

Question

请求的 URL 已发送 - https://www.example.com/detail.guest.html?ppc=FDE466920006DCEFA697BF982FC9C87C5B257ECB2230CBF4D6D6CA740C7B894D5795F70DED928ED3B00C1F3F77DF974DFD73882DEBDD7EC063B37DEB24CF655528FD911109C57961AE314C612772AADFD2E193D572E6F6C8E249A6DAA

按照第 3 方的预期正确获取以下响应数据。

BookersID=250100000002;BookersTitle=先生;BookersFirstName=test1;BookersLastName=test2

<小时/>

我想分别提取“BookersID”、“BookersTitle”、“BookersFirstName”、“BookersLastName”并在输入字段中显示该值。

JS:

var bookerID = data[0].BookersID;
var bookerTitle = data[0].BookersTitle;
var bookerFname = data[0].BookersFirstName;
var bookerLname = data[0].BookersLastName;
console.log("BookersID", bookerID);
console.log("BookersTitle", bookerTitle);

但是显示值出错。

请告诉我如何获取控制台日志中的值？

谢谢

Answer 1

首先，您需要从 xhr 请求中获取数据。为此，您需要添加回调函数。 (更多信息见jQuery.get() documentation)

$.get( endpoint, function( data ) { // add callback to handle response
 // ... parse data here
});

据我了解，您需要解析数据。可以通过使用 String.prototype.split 方法和简单映射来完成。

console.log(data) // BookersID=250100000002;BookersTitle=Mr;BookersFirstName=test1;BookersLastName=test2
var parsed = data.split(';').map(part => ({ name: part.split('=')[0], value: part.split('=')[1] }));

console.log(parsed);

输出:

[
   {name: "BookersID", value: "250100000002"},
   {name: "BookersTitle", value: "Mr"},
   {name: "BookersFirstName", value: "test1"},
   {name: "BookersLastName", value: "test2"}
]

如果你想以对象的形式获取数据:

var parsedObject = parsed.reduce(
    (obj, item) => Object.assign(obj, {[item.name]: item.value}) ,{});
// {BookersID: "250100000002", BookersTitle: "Mr", BookersFirstName: "test1", BookersLastName: "test2"}