read php file rendered html using ajax

Question

I am just trying to read the file content of a rendering HTML of URL

Here the code i am using , its always going in error section .

  $.ajax({
            type: 'POST',
            url: 'http://www.withholding32.com/api/wh32calc.php?userid=nick&fpp=12&ffs=Single&fa=0&fgp=6000&figp=0&fiytd=0&st=6&stp=6000&ss=Single&sa=0&sad=0&stca=0',
            dataType: 'html',
            success: function(data) {
                alert('success');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert('error');
            }
        });

but in case i run the same url directly in browser , its show me html.

here is url

This is because you have Cross-Origin issue. If you check your errorThown, you will see: is not allowed by Access-Control-Allow-Origin. — AxelPAL
– AxelPAL, Commented Oct 31, 2013 at 10:00

SarathSprakash · Accepted Answer · 2013-10-31 10:50:09Z

2

Working DEMO

You can use this in your head tag

<script src="https://rawgithub.com/IonicaBizau/jQuery-cross-domain-requests/master/js/jquery.xdomainajax.js">
</script>

code

$.ajax({
    url: 'http://www.withholding32.com/api/wh32calc.php?userid=nick&fpp=12&ffs=Single&fa=0&fgp=6000&figp=0&fiytd=0&st=6&stp=6000&ss=Single&sa=0&sad=0&stca=0', // Or your web page link
    type: 'GET',
    success: function(res) {
      var headline = res.responseText;
      $('body').append(headline);
    }
  });

Hope this helps, Thank you

edited Oct 31, 2013 at 10:50

answered Oct 31, 2013 at 10:01

SarathSprakash

4,6142 gold badges21 silver badges35 bronze badges

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

2 Comments

rahularyansharma Over a year ago

I don't have control over php page .

SarathSprakash Over a year ago

@rahularyansharma I have updated with code and demo, Check it and respond.

silphy joseph · Accepted Answer · 2013-10-31 11:44:38Z

1

Try the below code:

   $('document').ready(function() {

      $.getJSON('http://anyorigin.com/get?url=' + 
      encodeURIComponent('http://www.withholding32.com/api/wh32calc.php?userid=nick&fpp=12&ffs=Single&fa=0&fgp=6000&figp=0&fiytd=0&st=6&stp=6000&ss=Single&sa=0&sad=0&stca=0') + '&callback=?',

      function(data){
         $("#result").html(data.contents);

       });

});

Refer : http://jsfiddle.net/R7EPt/275/

answered Oct 31, 2013 at 11:44

silphy joseph

262 bronze badges

Comments

OlivierH · Accepted Answer · 2013-10-31 09:58:46Z

0

Change your request type to GET, all your parameters are given in the URL.

answered Oct 31, 2013 at 9:58

OlivierH

3,8801 gold badge22 silver badges33 bronze badges

Comments

Dipen · Accepted Answer · 2013-10-31 10:20:15Z

0

if you are using post method for the ajax than you can't pass argument with url and also add control origin to your php file.

try this...

AJAX code:

$.ajax({
        type: 'POST',
        url: 'http://www.withholding32.com/api/wh32calc.php',
        dataType: 'html',
        async:false,
        data: 'userid=nick&fpp=12&ffs=Single&fa=0&fgp=6000&figp=0&fiytd=0&st=6&stp=6000&ss=Single&sa=0&sad=0&stca=0',
        success: function(data) {
                    alert('success');
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert('error');
        }
    });

PHP CODE:

header("Access-Control-Allow-Origin: *");

edited Oct 31, 2013 at 10:20

answered Oct 31, 2013 at 10:04

Dipen

2401 gold badge5 silver badges17 bronze badges

3 Comments

rahularyansharma Over a year ago

still error . i tried with both POST and GET . Is it possible for you to create js fiddle for your answer.

Dipen Over a year ago

Can you add header("Access-Control-Allow-Origin: *"); into "withholding32.com/api/wh32calc.php" than only my jsfiddle link will work

rahularyansharma Over a year ago

I don't have control over that Page . that page is basically a provider of API >

Collectives™ on Stack Overflow

read php file rendered html using ajax

4 Answers 4

Working DEMO

code

2 Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Working DEMO

code

2 Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related