What is a proper way to send parameterized URL and load page into div using ajax

Question

I would like to load page into <div> but I'm running out of ideas. Getting all kind of errors depending of my attempt (mostly Cross-Origin Request Blocked ), so, obviously this is not the way.

this $("#cmbsHost option:selected").text() contains IP, lets say: 139.131.4.5

My last tries:

$.ajax({
    type: 'POST',
    url: "http://ip-api.com/#" + $("#cmbsHost  option:selected").text(),
    crossDomain: true,
    //dataType: "jsonp",
    dataType: 'html',
    cache: false,
    success: function (data) {
        console.log(data);
    }

and of course this one:

$("#dlgWhois").load("http://ip-api.com/#" + $("#cmbsHost  option:selected").text());

So... how to do it sensei?

What are you using as your server-side tech? You can make a call to your own server to make the remote call, which won't be affected by CORS. — freedomn-m, Nov 22 '16 at 11:47
http://stackoverflow.com/questions/5750696/how-to-get-a-cross-origin-resource-sharing-cors-post-request-working — freedomn-m, Nov 22 '16 at 11:47
@freedomn-m asp.net, tnx, I'll se what can be done about that — dllhell, Nov 22 '16 at 11:52

score 0 · Answer 1 · answered Nov 22 '16 at 09:59

You need to load the full page, and then find the element/text inside the data loaded.

$.ajax({
    type: 'POST',
    url: "http://ip-api.com/#"
    crossDomain: true,
    //dataType: "jsonp",
    dataType: 'html',
    cache: false,
    success: function (data) {
        console.log( $(data).find("#cmbsHost option:selected").text() );
    }
});

score 0 · Answer 2 · answered Nov 22 '16 at 10:13

0

make sure that url is right with right query string parameter

 $.ajax({
                url: "http://ip-api.com?ip=" + $("#cmbsHost  option:selected").text(),
                dataType: 'html',
                type: 'GET',
                success: function (data)
                {                    
                    $("#dlgWhois").html(data);
                }
            })

answered Nov 22 '16 at 10:13

Raju Mali

185
4

Cross-Origin Request Blocked, usual err – dllhell Nov 22 '16 at 11:03

What is a proper way to send parameterized URL and load page into div using ajax

2 Answers2