Search jQuery

jQuery Forum

Getting Started

raviojo

embedded jQuery Code of ajax load page?

in Getting Started • 4 years ago

I have an html file oldStudent.html That has the following jquery code :

$(document).ready(function () {

$("div").each(function (index) {

var idDiv = $(this).attr('id');

if (idDiv) {

$("#" + idDiv).load(idDiv + "_v1.html");

}

});

</script>

Now in another page Student.html i am loading the oldStudent.html in the following way :

var currentYearFile = function () {

var tmp = null;

$.ajax({

'async': false,

'type': "GET",

'global': false,

'dataType': 'html',

'url': "oldStudent.html",

'data': { 'request': "", 'target': 'arrange_url', 'method': 'method_target' },

'success': function (data) {

tmp = $(data).find('#wrapper').html()

//alert($(data))

}

});

return tmp;

}();

The issue is the jQuery code in oldStudnet.html is not getting excuted and return temp returns undefined.

Can someone please help regarding this?

Thank you

Replies(4)

watusiware

Re: embedded jQuery Code of ajax load page?

4 years ago

1. How do you know that the code in oldstudent.html is not getting executed? Did you add console.log() calls to verify?

I notice your code might make an arbitrary number of .load() calls. This might exceed the number of simultaneous requests allowed by the browser. What is the purpose of this code? It seems rather bizarre, and only serves to slow down the page. Why doesn't the server just put the page together?

2. You should not use async: false any more. It is being deprecated by browsers, and eventually, they all will refuse to do it. And returning a value from an Ajax callback is meaningless in any case. You need to process data returned from the Ajax request in the success callback! You cannot "return" it.

3. Are your files on a server? Or in your local filesystem? Some browsers will not handle Ajax requests made to the local filesystem.

4. Did you test your server code INDEPENDENTLY of your Javascript code? You can use command-line cUrl to test.

https://curl.haxx.se/

raviojo

Re: embedded jQuery Code of ajax load page?

4 years ago

Hi ..below is the code for oldstudent.html but the div are not being populated in the student.html.

but as standalone page it works fine. So basically i would like this page rendered or completely loaded when i am loading this with ajaxLoad on the Student.html page.

<!doctype html>

<html>

<head>

<title>Load remote content into object element</title>

$(document).ready(function () {

$("div").each(function (index) {

var idDiv = $(this).attr('id');

if (idDiv) {

alert(idDiv);

$("#" + idDiv).load(idDiv + "_v1.html");

}

});

</script>

</head>

<body>

<div>Schedule A</div>

</div>

</body>

</html>

jakecigar

Re: embedded jQuery Code of ajax load page?

4 years ago

Use

$("#wrapper [id^='MC_STUDENT']").each(function() {
$(this).load(this.id + "_v1.html");
})

To just load the students. Avoid loading the wrapper.

JΛ̊KE

jakecigar

Re: embedded jQuery Code of ajax load page?

4 years ago

Student.html could be…

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Student.html</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(function($){
$("body").load("old-students.html")
})
</script>
</head>
<body>
</body>
</html>

https://home.jejaju.com/play/stu/Student.html <--

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

embedded jQuery Code of ajax load page?

Replies(4)

Re: embedded jQuery Code of ajax load page?

Re: embedded jQuery Code of ajax load page?

Re: embedded jQuery Code of ajax load page?

Re: embedded jQuery Code of ajax load page?

Statistics

Tags

Actions