Javascript 在jQuery中再次使用$.get（“url”，数据）？

我试图使用$.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（“/character/hats”）.done（函数（数据）{
//$（“正文”）。前置（数据）；
/*数据？*/$（“.card>.card body.col-md-4”）。每个（函数（）{
让hatdata=$（data.find（'pull-left'）.html；
设hatid=0；
$（“body”）.prepend（“找到了！
”+hatdata+”）；
设assetcode=0；
log（“我看到帽子id”+”）；
});*/
});

---

有没有一种方法可以使用来自$.get的jQuery数据响应，并再次使用jQuery对其进行解析？

要访问从

$返回的数据，只需引用它即可。您不应该使用
$（）
将其转换回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);
});

您可以在此处查看响应的外观：

如果服务器的响应不是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，如果您需要的话，还可以对其进行解析

$（数据）。查找（'.some element in response'）
以访问从
$返回的数据。获取
只需引用它即可。您不应该使用
$（）
将其转换回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);
});

您可以在此处查看响应的外观：

如果服务器的响应不是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，如果您需要的话，还可以对其进行解析

$（数据）。查找（'.some element in response'）
是的，我可以，但方法不同。您需要改变一些方式，并改变一些ajax设置，如下所示：

$.ajax({
    url: "/character/hats",
    type: "GET",
    dataType: "html",
    success: function (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" + "");
    }
});

$.ajax({
url:“/character/hats”，
键入：“获取”，
数据类型：“html”，
成功：功能（数据）{
$（“.card>.card body.col-md-4”）。每个（函数（）{
让hatdata=$（data.find（'pull-left'）.html；
设hatid=0；
$（“body”）.prepend（“找到了！
”+hatdata+”）；
设assetcode=0；
log（“我看到帽子id”+”）；
}
});
是的，我可以这样做，但方式不同。您需要更改一些方式，并更改一些ajax设置，如下所示：

$.ajax({
    url: "/character/hats",
    type: "GET",
    dataType: "html",
    success: function (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" + "");
    }
});

$.ajax({
url:“/character/hats”，
键入：“获取”，
数据类型：“html”，
成功：功能（数据）{
$（“.card>.card body.col-md-4”）。每个（函数（）{
让hatdata=$（data.find（'pull-left'）.html；
设hatid=0；
$（“body”）.prepend（“找到了！
”+hatdata+”）；
设assetcode=0；
log（“我看到帽子id”+”）；
}
});
html（）
函数不是属性名

更改：

let hatdata=$(data).find('pull-left').html;

致：

html（）
函数不是属性名

更改：

let hatdata=$(data).find('pull-left').html;

致：

你的问题是什么？我正试图使用$.get中的内容，然后使用jQuery通过使用jQuery检查$.get请求中的所有项目来使用jQuery获取该$.get请求中的所有内容。这不是一个问题……你遇到错误了吗？它怎么不起作用首先看
。find（'pull-left'）
应该是
。find（'.pull left'）
if class and
.find（'#pull left'））
ifid@Dolvik你已经在做你想做的事情了，$.get请求的结果存储在
data
变量中。你可以随意使用该变量。你的问题是什么？我正在尝试使用$.get中的内容，然后使用jQuery通过遍历所有内容来获取该$.get请求中的所有内容使用jQuery在$.get请求中使用ems。这不是一个问题…您遇到错误了吗？它是如何工作的？首先看
。find（'pull-left'）
应该是
。find（'.pull-left'）
如果class和
。find（'#pull-left'））
ifid@Dolvik你已经在做你想做的事情了…$.get请求的结果存储在
数据
变量中。你可以随意使用该变量。是否可以避免将整个页面设置为隐藏div？我不一定要显示页面上的所有内容。我想使用
$(“.card>.card body.col-md-4”）.each（function（）{
浏览该页面上的每个项目，然后在用户可查看页面中显示信息。这在技术上对我来说是可行的，因为这样我就可以简单地
$（“.hiddenpage.card>.card body.col-md-4”）
，但我不希望浏览器试图下载来自$.get（数据）“$（…）的所有图像。仅当您希望“查询”页面的DOM时才使用“$”（…）不是真的…在
$）中将html包装到DOM之外
works-alsoHmm好的，我调整了是否可以避免将整个页面设置为隐藏div？我不一定要显示页面上的所有内容。我想使用
$（“.card>.card body.col-md-4”）。