اجرا نشدن کدهای JavaScript در درخواستهای Ajax

با عرض سلام و خسته نباشید به همه دوستان

من یه کد ای جکس نوشتم و تو صفحه خروجی کد alert() قرار دادم ولی نمایش نمی ده باید چه کار کنم؟؟؟؟

سورس فایل ها رو هم قرار می دم تا ببینید.

فایل index.php

[PHP]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Web</title>
<script>
function GetXmlHttpObject(){
var xmlHttp = null;
try{
xmlHttp = new XMLHttpRequest();
}
catch(e){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
xmlHttp = GetXmlHttpObject();
xmlhttp = GetXmlHttpObject();

function index(page){
var file = 'pages.php?page=';
xmlhttp.open('GET', file + page, true);
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
document.getElementById('index').innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
</script>
</head>

<body id="index">
<script>index('test');</script>
</body>
</html>
[/PHP]

فایل pages.php

[PHP]
<?PHP
include($_GET['page'] .'.php');
?>
[/PHP]

فایل test.php

[PHP]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script>alert("خوش آمدید.");</script>
</body>
</html>
[/PHP]

باتشکر

سلام

البته این سوال تکراری هست، ولی فکر نمی کنم تا حالا جواب کامل به این سوالات داده شده باشه.
در هرصورت از گفتن جزئیات پرهیز می کنم ( اگر مایلید بدونید، می تونید جستجو کنید )، و فقط راه حل رو برای شما توضیح می دم.

برای اجرا شدن JavaScript در درخواستهای Ajax شما باید کدهای JavaScript رو از بین تگهای script جدا کنید حالا با هر روشی و بعد از اون از طریق تابع eval کدها رو مستقیما اجرا کنید. ( ساده ترین راه )

کد:

function index(page){ var file = 'pages.php?page='; xmlhttp.open('GET', file + page, true); xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4){ var cacheResponse = xmlhttp.responseText; document.getElementById('index').innerHTML = cacheResponse; eval(getScript(cacheResponse)); } } xmlhttp.send(null); } function getScript(response) { return response.replace(/<script(?:.*?)>(.*?)<\/script>/gi, '$1'); };

از لحاظ تئوری مشکلی نیست، در عمل هم نباید مشکلی باشه.

موفق باشید.

دوست عزیز ممنون ولی میشه در مورد

برای اجرا شدن JavaScript در درخواستهای Ajax شما باید کدهای JavaScript رو از بین تگهای script جدا کنید حالا با هر روشی و بعد از اون از طریق تابع eval کدها رو مستقیما اجرا کنید.

بیشتر توضیح بدین و مثالی بزنید؟!

چون

[HTML]<script>alert("خوش آمدید.");</script>[/HTML]

کار نمی کنه

ولی

[HTML]alert("خوش آمدید.");[/HTML]

تو خروجی alert("خوش آمدید."); رو نشون میده در حالی که من می خوام اجراش کنه

باتشکر

عالی بود....

ببخشید آقا امین میشه لطفا کد کامل این موضوع رو قرار بدین چون هر کاری کردم نتیجه نگرفتم :41:

من تو صفحه در اینجا test.php یه فرم طراحی کردم که می خوام اطلاعات رو قبل از ارسال چک کنه که با جاوااسکریپت امکان داره و به هر شکلی که بگین سعی کردم کدها رو توش اجرا کنم (از فایل دیگه و درون صفحه) ولی نمیشه :13:

و نمیدونم دیگه باید چه کار کنم :23: لطفا دوستان عزیز اگه کسی کد کاملی در این زمینه داره لطفا قرار دهید. :11:

باتشکر

خب تابع getScript یک مشکلی داشت!
تابع قبلی کد اسکریپت جدا شده رو با کدهای html ادغام می کردم و باعث می شد کدها اجرا نشن. در هرصورت تابع getScript رو با این جایگزین کنید:

کد:

function getScript(response) { var scripts; response.replace(/<script(?:.*?)>(.*?)<\/script>/gi, function(match, scr) { scripts = scr; }); return scripts; };

ممنون ولی باز هم جواب نمی ده

چه کار کنم؟؟؟؟

میشه خودتون کد رو به طور کامل تغییر بدین؟؟

باتشکر

والا من کاملا امتحانشون کردم و برای بنده جواب می ده، و بطور صحیح کار می کنه.
در هرصورت من تمامی کدهای شما رو که باهاش جواب گرفتم رو اینجا قرار می دم.
بچه های فعال این قسمت اگر صدای من رو می شنوفن (:31:) این کدها رو امتحان کنن و نتیجه رو ارسال کنن برای این دوستمون.

index.php:
[PHP]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Web</title>
<script>
function GetXmlHttpObject(){
var xmlHttp = null;
try{
xmlHttp = new XMLHttpRequest();
}
catch(e){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
xmlhttp = GetXmlHttpObject();

function index(page){
var file = 'pages.php?page=';
xmlhttp.open('GET', file + page, true);
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
var cacheResponse = xmlhttp.responseText;
document.getElementById('index').innerHTML = cacheResponse;
eval(getScript(cacheResponse));
}
}
xmlhttp.send(null);
}

function getScript(response) {
var scripts;
response.replace(/<script(?:.*?)>(.*?)<\/script>/gi, function(match, scr) {
scripts = scr;
});
return scripts;
};

</script>
</head>

<body id="index">
<script>index('test');</script>
</body>
</html>
[/PHP]

pages.php:
[PHP]
<?PHP
include($_GET['page'] .'.php');
?>
[/PHP]

test.php:
[PHP]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script>alert("welcome.");</script>
dsfbjklnfb
</body>
</html>
[/PHP]

امیدوارم دیگه به مشکل بر نخورید.
موفق باشید.

ممنون کد شما کار میکنه اما این کد کار نمی کنه

test.php

[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<script>function t(){alert('welcome.')}</script>
<input type="button" onclick="t()" value="show alert" />
</body>
</html>
[/PHP]

لطفا دلیلش رو بگین چرا کار نمی کنه؟؟؟؟

بعد اگه من بخوام یه مقدار مرتب بشه باید چه کار کنم؟؟؟

چون حتی کد شما هم تو حالت مرتب شده کار نمکنه

test.php

[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script>
alert("welcome.");
</script>
dsfbjklnfb
</body>
</html> [/PHP]

دوستان دیگه اگه امکان داره یه تست کنید ببینید برای شما کار میکنه؟؟؟

خب، اینکه در حالت مرتب شده به مشکل بر می خوردید، اشکال از الگوی استفاده شده در عبارات باقائده بود که با الگوی زیر این مشکل برطرف شد. و دلیل اینکه تابعی که معرفی کرده بودید کار نمی کرد، این بود که تابع eval کدهای شما رو برای صفحه index.php در نظر نمی گرفت و مستقیما اجرا می کرد و باعث می شد تابعی که شما ایجاد کردید در سند index شما قرار نگیره، که خب اون هم با قدرت JavaScript به معنای واقعی کلمه! بهم اجازه داد تا ازش استفاده کنم، و کاری کردم که کدها رو در سند index برای شئی window قرار بده تا بصورت global قابل استفاده باشه.

خب سرتون رو بدرد نیارم، انشاا... که دیگه این آخرین باری باشه با مشکلات این اسکریپت دست و پنجه نرم می کنید:دی
این کدها رو در صفحه index.php با کدها قبلی جایگزین کنید:

کد:

function index(page){ var file = 'pagess.php?page='; xmlhttp.open('GET', file + page, true); xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4){ var cacheResponse = xmlhttp.responseText; document.getElementById('index').innerHTML = cacheResponse; if (!!window.execScript) { window.execScript(getScript(cacheResponse)); } else { eval.call(window, getScript(cacheResponse)); } } } xmlhttp.send(null); } function getScript(response) { var scripts; response.replace(/<script[^>]*>([\s\S]+)<\/script>/gi, function(match, scr) { scripts = scr; }); return scripts; };

موفق باشید.

خیلی ممنون

دوست عزیز بسیار بسیار از کمکتون ممنونم. :11:

و امیدوارم همیشه موفق باشید. :10: