Posted on 16 Aug 2022, this text provides information on Learning Aids/Tools related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

Answers (2)

Post Answer

manpreet Best Answer 2 years ago

I want to use AJAX to replace the contents of a div. Although the application is fairly complex, I have tried to dumb it down in isolation so that I can get the basic concept working first.

For now, I just want to replace a div as per the PHP file...

php 
$id = $_GET['id'];
if ($id = 1)
    {
        $text = 'This is some text';
    }
elseif ($id = 2) {
    {
        $text = 'This is a lot more text than the first text!';
    }
elseif ($id = 3) {
    {
        $text = 'This is a lot more text than the first text, and a load more than the third as well!!';
    }
echo $text; 
?>

Fairly simple stuff really. So here's my HTML file...






<body>

 id="myDiv">I want this content replacing


 href="#" onclick="loadXMLDoc()">ID: 1

 href="#" onclick="loadXMLDoc()">ID: 2

 href="#" onclick="loadXMLDoc()">ID: 3
body>

I realise what is there will never work as I've modified some stuff I found online, but basically I'm looking to pass a variable such as the ID in the link to the AJAX script to replace the contents of the div.

How do I get this working? Is there a better alternative to using tags?

0 views

0 shares

manpreet 2 years ago

Using jQuery

Your HTML

 href="#" class="ajax" data-id="1">ID: 1

Javascript

// Delegate click event
$(document).on('click', 'a.ajax', function(){

    var el = $(this);
    $.ajax({
        url: 'ajax.php',
        data: {id: el.data('id')},
    }).done(function(response){
        $('#myDiv').html(response);
    });

});

0 views 0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Explore Other Libraries

Blogs Tutorials Question Bank Feeds Careernews

Popular Categories

Replacing content using AJAX when clicking a link

Take Quiz To Earn Credits!

Answers (2)

manpreet Best Answer 2 years ago

manpreet 2 years ago

Which operating system you favour and why?

What are the most popular tech portals in India?

What are best technologies available today for education / aiding learning?

What professional training certifications are most marketable?

What are the course certificates or skills that engineers should have other than their academics?

What is the full form of NABARD ?

How to refresh app upon shaking the device?

What are the govt exams after BCA?

TYPO3 v8. Override function in Core class

Why do people in India give so much importance to Government jobs?

<div>zkskKsk</div>

<span style="font-size: 1em;">Qwerty 4</span>

<div>What are the key differences between AMOLED and LCD displays in smartphones?</div>

<div>What are the key challenges in Mobile App Development for Cross-Platform Solutions?</div>

who is the smallest man in the world

Explore Other Libraries

Tags

Important General Tech Links

Join Our Community Today