Pulling information from another website - Javascript/jQuery

Question

I'm currently just trying to test and find out how to pull information from cnn.com and get the some of the titles of the articles with the class name, "cd__headline-text." However, when I use the $.ajax function to get the titles of the articles on cnn with that class name I get an error that says response.getElementsByClassName is not a function.

Below is the code that prompts this error to happen:

$(document).ready(function(){
    $("button").click(function(){
    console.log("hi test");
    $.ajax({
        url: "https://www.cnn.com",
        cache: false,
        success: function(response){
            filter = response.getElementsByClassName("cd__headline-text");
            console.log(filter);
        }
    });

    });
});

My current console.log(response); output is in this link:

https://pastebin.com/SsBSPdBL

@ravisachaniya I tried using DOMParser, but it did not work. Instead in the console it showed me this [prevObject: r.fn.init(100)] — Rajat Khare
– Rajat Khare, Commented Nov 10, 2017 at 6:30

gurvinder372 · Accepted Answer · 2017-11-10 05:55:24Z

0

However, when I use the $.ajax function to get the titles of the articles on cnn with that class name I get an error that says response.getElementsByClassName is not a function.

Because response is not a Node or DOM element.

You need to parse the XML and find the element by attribute

xmlDoc = $.parseXML( response ),
$xml = $( xmlDoc ),

and now get the required value from it

$title = $xml.find( "[class='cd__headline-text']" );

or

$title = $xml.find( ".cd__headline-text" );

Or if the value is already an HTML, then simply

 $( response ).find( ".cd__headline-text" )

answered Nov 10, 2017 at 5:55

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Rajat Khare Over a year ago

The XML did not work, and neither did the HTML value. Could you try doing this with a website, and perhaps demo it and then get back to me if you find out how to do this.

gurvinder372 Over a year ago

can you put the response value in your question?

Rajat Khare Over a year ago

After trying the HTML answer, I get this: [prevObject: r.fn.init(100)]

gurvinder372 Over a year ago

Response that you are getting needs to be examined. Add the same in your question, preferably create a snippet of the same using <>.

gurvinder372 Over a year ago

@RajatKhare Links can be broken, create a snippet here itself. Also, I can't access pastebin.

|

Sunil Dora · Accepted Answer · 2017-11-10 05:55:40Z

0

Try this, or check URL

 $(document).ready(function(){
    $("button").click(function(){
    console.log("hi test");
    $.ajax({
       url: "https://www.cnn.com",
       cache: false,
       success: function(response){
           $(response).find('.cd__headline-text').each(function(){
              console.log($(this).html());
           });
      }
    });
    });
});

Hope this will help you.

answered Nov 10, 2017 at 5:55

Sunil Dora

1,4821 gold badge15 silver badges30 bronze badges

5 Comments

Rajat Khare Over a year ago

Hi, I tried your suggestion, but nothing gets printed in the console. Do you know why?

Sunil Dora Over a year ago

No 'Access-Control-Allow-Origin' header is present on the requested resource. I am facing an error on the console while trying your content. check in my fiddle

Sunil Dora Over a year ago

Now check I tried my URL, and it's working perfectly. I have given 'Access-Control-Allow-Origin' permission in my link.

Rajat Khare Over a year ago

so how do I get the titles from cnn.com then?

Sunil Dora Over a year ago

check this once- URL

Collectives™ on Stack Overflow

Pulling information from another website - Javascript/jQuery

2 Answers 2

8 Comments

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

5 Comments

Linked

Related