How load a PHP page in the same window in jQuery

Question

I have a PHP file, Test.php, and it has two functions:

<?php
    echo displayInfo();
    echo displayDetails();
?>

JavaScript:

<html>
     ...
    <script type="text/javascript">
        $.ajax({
            type:'POST',
            url: 'display.php',
            data:'id='+id  ,
            success: function(data){
                $("#response").html(data);
            }
        });
    </script>
    ...

    <div id="response">
    </div>
</html>

It returns the response from jQuery. The response shows as <a href=Another.php?>Link</a>. When I click the Another.php link in test.php, it loads in another window. But I need it to load the same <div> </div> area without changing the content of test.php, since it has displayInfo(), displayDetails(). Or is it possible to load a PHP page inside <div> </div> elements?

How can I tackle this problem?

Klemen Slavič · Accepted Answer · 2008-12-16 10:10:44Z

5

If I understand correctly, you'd like for the a link to cancel navigation, but fire the AJAX function?

In that case:

$("#mylink").click(function() {
    $.ajax({ type: "POST", url: "another.php", data: {id: "somedata"}, function(data) {
        $("#response").html(data);
    });
    return false;
});

answered Dec 16, 2008 at 10:10

Klemen Slavič

19.9k3 gold badges37 silver badges44 bronze badges

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

Comments

gradbot · Accepted Answer · 2008-12-16 21:47:18Z

0

Krof is correct,

One possible unwanted behavior of this however is that it will query the data every time the link is clicked. You can set the event to only call the ajax query once by using one.

$("#mylink").one('click', function() {
  // ajax call
  return false;
});

Don't forget to set href="javascript:{}" in your link so after the event is fired once the link wont do anything;

answered Dec 16, 2008 at 21:47

gradbot

13.9k5 gold badges41 silver badges69 bronze badges

1 Comment

Klemen Slavič Over a year ago

Actually the href="" part isn't needed if you cancel event bubbling by returning false. Although I think it does help if you want to avoid having the outline drawn around a elements (if I remember correctly).

Peter Mortensen · Accepted Answer · 2013-04-19 01:42:14Z

0

You could just use MooTools and class Request.HTML.

edited Apr 19, 2013 at 1:42

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Dec 16, 2008 at 21:27

James Hartig

1,0091 gold badge9 silver badges20 bronze badges

Collectives™ on Stack Overflow

How load a PHP page in the same window in jQuery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related