مشکل در آژاکس و php

Printable View

مشکل در آژاکس و php

سلام دوستان
در کد زیر می خواهیم بعد از کلیک نمودن روی دکمه 1 دکمه 2 با استفاده از آژاکس ایجاد بشه و در صورت کلیک کردن روی دکمه 2 یک پیغام چاپ شود. مشکل کد زیر این است که پیغام نمایش داده نمی شود. لطفا اگر امکان دارد راهنمایی نمایید:قلب:
فایل html:
<script language="javascript">



   var xmlhttp=false;

   if(window.XMLHttpRequest){

	   xmlhttp=new XMLHttpRequest();

   }else if(window.ActiveXObject){

	   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

   }

   function getdata(url,div)

   {

	   if(xmlhttp)

	   {

		   xmlhttp.open("GET",url);

			   xmlhttp.onreadystatechange=function()

		   {

			   if (xmlhttp.readyState==4 && xmlhttp.status==200){

				   document.getElementById(div).innerHTML=xmlhttp.res  ponseText;

			   }

		   }

		   xmlhttp.send();

	   }

   }

</script>

</head>



<body>

<input type="button" value="button1" onclick="getdata('test2.php','div1')"/>

<span id='div1'></span>

</body>
فایل php:
<body>

<?php

echo"<input type='button' value='button2' onclick="."alert('hello')"."id='b2'/>";

?>

نقل قول: مشکل در آژاکس و php

این کار با jQuery خیلی راحت قابل حل هست :
<!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>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>

function btn2Click(data){

    alert(data);

}

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

    $("#btn2").hide();

    $("#btn1").click(function(e) {

        $("#btn2").show();

    });

});

</script>

</head>



<body>

<input type="button" id="btn1" name="btn1" value="Button 1" />

<input type="button" id="btn2" name="btn2" value="Button 2" onclick="btn2Click('My Data')" />

</body>

</html>
البته بنده خیلی سطحی و ساده نوشتم ! خیلی بهتر از اینا هم میشه نوشت ! فقط باید مشخص کنید که دقیقا واسه چه کاری هست ! یعنی قرار به دیتابیس اتصالی برقرار بشه ؟ مقداری به صفحه ای فرستاده شه ؟ و ...
موفق باشید

شنبه 05 اسفند 1391, 12:12 عصر
miladbar

نقل قول: مشکل در آژاکس و php

با تشکر از دوست گرامی
ما می خوایم وقتی که مثلا دکمه 1 کلیک شد با اژاکس اطلاعاتی از دیتابیس گرفته بشه و در یک comboBox نشون داده بشه حالا با توجه به گزینه انتخابی در conboBox باز هم با آژاکس عملی روی دیتابیس انجام بشه. ممنون اگه بازم راهنمایی کنید
شنبه 05 اسفند 1391, 12:14 عصر
eshpilen

نقل قول: مشکل در آژاکس و php

آژاکس نه، ایجکس!
شنبه 05 اسفند 1391, 12:28 عصر
Mohsen.

نقل قول: مشکل در آژاکس و php

دوست عزیز بهتره مطالب زیرو بخونید. کاملا میفهمید که باید چی کار کنید البته اگه یکم با Jquery کار کرده باشید.
آموزش کار با ajax بخش اول
آموزش کار با ajax بخش دوم

نقل قول: مشکل در آژاکس و 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>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>

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

        $("#btn2").hide();

        $("#btn2").click(function(e) {

            var vl=$("#cbox").val();

            alert(vl);

        });

    });

 function getData(tbusers){

    $.post('my_page.php',{tbusers:tbusers},function (cback){

        $("#divbox").html('<select id="cbox">'+cback+'</select>');

        $("#btn2").show();

    });

}   





</script>

</head>



<body>

<input type="button" id="btn1" name="btn1" value="Button 1" onclick="getData('webmasters')" />

<input type="button" id="btn2" value=" button 2" />

<div id="divbox"></div>



</body>

</html>

صفحه my_page.php که به دیتابیس وصل میشه !

<?php

if(isset($_POST['tbusers'])){

    

    $cn=mysql_connect("localhost","root","");

    $db=mysql_select_db("yourDb",$cn); // دیتابیس خودتون رو اضافه کنید

    $tbusers=mysql_real_escape_string($_POST['tbusers']) or die(mysql_error());

    $sql=mysql_query("SELECT * FROM {$tbusers}") or die(mysql_error());

    while($obj=mysql_fetch_object($sql)){

    $users=$obj->username;

    echo '<option value="'.$users.'">'.$users.'</option>';    

}

}

?>

موفق باشید

یک شنبه 06 اسفند 1391, 14:51 عصر
miladbar

نقل قول: مشکل در آژاکس و php

ممنون، از همه من مشکلی با ایجکس (آژاکس) ندارم سوالمو بد مطرح کردم. مشکلم با ازمون و خطا حل شد
یک شنبه 06 اسفند 1391, 16:20 عصر
omidabedi

نقل قول: مشکل در آژاکس و php

ajax = ای جکس = ayjaks
D:
نمیدونم چرا همه به فکر استفاده از ajax در کدهاشونن؟؟؟
jquery خیلی باحالترو اسونتره .اصن کاربرده ajax رو با jquery قاطی میکنن