javascript - 在 jQuery 中再次使用 $.get ("url",data) ？

Question

我尝试使用 $.get() 函数从页面获取数据，然后通过 jQuery 解析数据，例如获取所有图像，然后将其放入用户页面的正文中。

$.get("/character/hats").done(function(data) {
   //$("body").prepend(data);
   /*data?*/$(".card > .card-body .col-md-4").each(function(){
     let hatdata=$(data).find('pull-left').html;
     let hatid=0;
     $("body").prepend('<p>found!</p><div>'+hatdata+'</div>');
     let assetcode=0;
     console.log("I see hat id" + "");
   });*/
});

有没有办法使用 $.get 的 jQuery 数据响应，并再次使用 jQuery 解析它？

Answer 1

要访问从 $.get 发回的数据，您只需引用它即可。您不应该使用 $() 将其转换回 jQuery 对象。

这是一个获取 JSON 响应的示例。

$.get('https://httpbin.org/get').done(function(data) { 
  console.log(data); // data is a variable which contains a parsed JSON response to a javascript object.
  console.log(data.url);
});

您可以在此处查看响应:https://httpbin.org/get

如果服务器的响应不是 JSON，您将需要执行其他操作。

如果响应是 HTML，您可以这样做:

$.get('https://httpbin.org').done(function(data) { 
  console.log(data); // data is now a string of html, which you can insert other places
  $('.some-div').html(data);
});

当您想使用 jQuery“查询”页面的 DOM 时，可以使用

$(...) 。您可以使用常规 Javascript 查询 DOM 元素，但它不会包含许多有用的方法，例如 .find() 或 .html()。所以基本上你将一个元素转换为 jquery 元素，这就像类固醇上的 javascript，并添加了更多方法。

来自 $.get 的响应要么是一个对象(如果是 JSON)，要么是一个 html 字符串(如果是 HTML)。您可以将 HTML 字符串转换为 jQuery，并根据需要对其进行解析。

$(data).find('.some-element-in-response')