23

我需要将数据发布到 php 页面，然后我想获取响应中某个 div 的文本，但我似乎无法正确设置。我对 jQuery 不太擅长，但我通常可以很快解决问题......我已经在这里待了一分钟，并尝试了我发现的所有东西......我想我只是错过了正确的组合. 

$.post("process.php", data , function (response) {  

       var w = window.open();    

       $(w.document.body).html(response); 

       console.log(typeof response); //  yeilds string 
       //create jquery object from the response html
       // var $data = $(response);   // yeilds Uncaught Error: Syntax error, unrecognized expression: + whole html text


       var success =  $($.parseHTML(response)).find("#success"); 
       console.log('success'); 
       console.log(success);        // see screenshot
       console.log(success.text()); // yields nothing 
       console.log(success.val());  // yields undefined 
       // if (window.focus) {w.focus()}; 

 },'html');

这是输出，console.log(success);红色框是我想要的响应...

！[这张照片看起来真的很小……我做的时候并没有那么小。我希望它仍然可读][1]

这是这样做的：

var success =  $(response).find("#success"); 
console.log('success'); 
console.log(success);        // yeilds Uncaught Error: Syntax error, unrecognized expression: + whole html text in red

回应是...

<html><head>
   <style>

      div.totals {
          font-family:calibri; font-size:.9em;  display:inline-block; 
          border-width: 2px;  border-style: solid; border-color: #FFD324; 
          background-color: #FAF5D7; color: #514721; 
          width: 500px; 
          }

      div.error_invalid {
         font-family:calibri; font-size:.9em;  display:inline-block; 
         border-width: 2px; border-style: solid; border-color: #9999CC; 
         background-color: #EEEEFF; color: #7979B8; 
     }

    </style>
    </head>
    <body>
    <div class="totals">Total new rows added: 0 out of 0<br/></div>
    <br/><br/>
    <div class="totals">Total updated rows: 0 out of 0 <br/></div>

    <div id="success">true</div>
    </body></html>

我已经尝试删除样式部分，并添加了 html、head 和 body 标签，希望它会有所帮助....意思是，如果响应仅包含三个 div，我也会遇到同样的问题。

4

3 回答 3

39

注意所有元素如何在同一级别上？您需要使用.filter()将当前选择范围缩小到该选择中的单个元素，.find()而是查看当前选择的后代。

var success =  $($.parseHTML(response)).filter("#success"); 
console.log(success); // div#success
于 2013-04-26T15:58:48.517 回答
2

我得到了一个由 ajax 返回的完整的“html”页面，但我只需要它的部分内容，它由一个 div 包装，而且我还需要在“html”页面中执行脚本。

 $.ajax ({
  type: "POST",
  url : "contact.php",
  data: $("#formContactUs").serialize(),
  success: function(msg){
    console.log($(msg)); // this would returned as an array
    console.log(msg);    // return whole html page as string '<html><body>...</body></html>'
    $('#id').html($(content).closest('.target-class'));
    $('#id').append($(content).closest('script')[0]);  // append and execute first script found, when there is more than one script.
  }
});

@kevin 回答提示了为什么 find() 没有按预期工作，因为它只选择它的后代而不是考虑的第一个元素。除了使用过滤器之外，如果当前元素是您正在寻找的，$.closest() 也可以工作。好吧，这篇文章可能与@Kevin 的答案非常相似，只是提出另一个替代答案，并提供了更多细节，希望能让事情更清楚。

于 2014-11-14T16:33:35.350 回答
2

如果上述答案不起作用，请尝试以下操作

var successHtml = $($.parseHTML(response)).find("#success").html();
于 2020-12-17T13:03:07.667 回答