• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
بدست آوردن آجاکس حاصل ضرب
#1
سلام دوستان

دو تکست باکس داریم . میخوام با قرار دادن دو عدد دلخواه در این تکست باکس ها حاصل ضرب اون ها به صورت آجاکس نمایش داده بشه .

نکته اینکه از پی اچ پی میخوام استفاده بشه نه جاوا اسکریپت .
  پاسخ
تشکر شده توسط :
#2
خب یاعلی بگو شروع کن منم کمکت کنم بقیرو
راهنمایی میکنم

کد پی‌اچ‌پی:
<input type="text" name="input1" id="input1" onkeyup="calc()" value="5">
<
input type="text" name="input2" id="input2" onkeyup="calc()" value=""
<
input type="text" name="output" id="output" value=""
  پاسخ
تشکر شده توسط :
#3
ممنون برادر
حقیقتش با ای جکس جاوا اسکریپت اشنایی دارم ولی با ای چکس پی اچ پی اصلا اشنایی ندارم

اگر دستور العمل رو بنویسی خیلی راحت متوجه میشم و خیلی ممنون بزرگواری مثل شما خواهم بود
  پاسخ
تشکر شده توسط :
#4
نقل قول:حقیقتش با ای جکس جاوا اسکریپت اشنایی دارم ولی با ای چکس پی اچ پی اصلا اشنایی ندارم


HuhHuhHuhExclamationConfused

ajax فقط یک نمونه داریم همین و بس
و اونم سمت کاربر و در جاوا اسکریپت پیاده سازی میشه
ajax در php نداریم
  پاسخ
تشکر شده توسط :
#5
با اجازه از دوستان دیگه ....

شما یه تابع مینویسی برای کار با Ajax ت مثل زیر :
کد:
function load()
{
document.getElementById("result").innerHTML="Please Wait";
var xmlhttp;
var name=document.getElementById("Show");
if(window.XMLHttpRequest)//ie7+,chrome,safari,firefox,opera
{
    xmlhttp=new XMLHttpRequest();
}
else
{
    //ei6,ie5
    xmlhttp=new ActiveXObject("Microsoft.XMLLHTTP");
}

xmlhttp.onreadystatechange=function(){
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        //xmlhttp.responseText
        document.getElementById("result").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","test.php?var="+number1.value."&var2="+number2.value,true);
xmlhttp.send();
}
حالا تو صفحه HTML که داری 2 تا input داری به اسم number1 و number2 حالا هر زمان قرار شد submit اتفاق بیفته تابع load() رو صدا بزن که اون میره و صفحه test.php رو اجرا میکنه با مقادیری که بهش پاس دادی ... و میاد تو صفحه خودت جایی که ID ایش result هست نمایش میده یکم کد رو بخون و بررسیش کن اگه سوالی بود باز من یا دوستان هستن
  پاسخ
تشکر شده توسط : ayoubsys
#6
ببخشید ولی جواب سوال من داده نشده

ببینید من میخوام دو تا عدد در تکس باکس بنویسم و بلافاصله بدون زدن هیچ دکمه ای حاصل جمعشون نمایش داده بشه .

اگر قرار بود دکمه سابمیت و ... در میون باشه که نوشتنش آسونه و میتونم انجامش بدم .

ولی من بدون دکمشو نیاز دارم .

(۱۳۹۵ تير ۲۰, ۰۷:۵۰ ق.ظ)ImanAzadi نوشته:
نقل قول:حقیقتش با ای جکس جاوا اسکریپت اشنایی دارم ولی با ای چکس پی اچ پی اصلا اشنایی ندارم


HuhHuhHuhExclamationConfused

ajax فقط یک نمونه داریم همین و بس
و اونم سمت کاربر و در جاوا اسکریپت پیاده سازی میشه
ajax در php نداریم
خوب حالا شما با همون که میگید آیا میتونید چیزی که خواستم رو برام بنویسید !؟ ممنون میشم
  پاسخ
تشکر شده توسط :
#7
نقل قول:خوب حالا شما با همون که میگید آیا میتونید چیزی که خواستم رو برام بنویسید !؟ ممنون میشم

بر اساس قوانین انجمن، متاسفانه خیر، امکان ارسال کد کامل وجود نداره.
شما شروع کنید به نوشتن، سوال داشتین اینجا کدهاتون و مشکلتون رو مطرح کنید، دوستان پاسختون رو میدن.
غایب
  پاسخ
تشکر شده توسط :
#8
(۱۳۹۵ تير ۲۰, ۰۶:۱۸ ب.ظ)Alaa نوشته:
نقل قول:خوب حالا شما با همون که میگید آیا میتونید چیزی که خواستم رو برام بنویسید !؟ ممنون میشم

بر اساس قوانین انجمن، متاسفانه خیر، امکان ارسال کد کامل وجود نداره.
شما شروع کنید به نوشتن، سوال داشتین اینجا کدهاتون و مشکلتون رو مطرح کنید، دوستان پاسختون رو میدن.
امکان ارسال کد آماده وجود نداره ولی امکان ارسال یک آموزش ساده و مختصر در رابطه با این موضوع که وجود داره !
با توجه به درخواست شما و مقدمات زیر
من چطور میتونم نتیجه جمع حاصل دو تکست باکس رو در پاراگراف نشون بدم .
کد:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    function test(){
        // somecodes
    }
</script>
</head>
<body>
<input name = "num1" type = "text" value = "1" onchange ="test()">
<input name = "num2" type = "text" value = "1" onchange ="test()">
<p id = "result"></p>
</body>

اگر بخوام از ای جکس جی کوئری استفاده کنم به صورت زیر میشه
کد:
$.ajax({
                type: 'POST',
                url: 'calcute.php'
            });
با توجه به موضوع بالا فرض کنید من میخوام در فایل calcute تابع مورد نظرم رو بنویسم ! سوال اول : خوب مسلما باید مقادیر num1 و num2 رو داشته باشم تا اون ها رو جمع کنم ! ولی چطور باید این مقادیر رو بدون دکمه ی سابمیت داشته باشم !؟؟؟
سوالات بعدی رو بعد از دیدن جواب این سوال میپرسم
  پاسخ
تشکر شده توسط :
#9
خب بگیر مقادیرشونو دیگه اول بریا تکست باکس هات یه ای دی هم تعریف کن (تابع رو توی خصوصیت onkeyup تعریف کن )

کد پی‌اچ‌پی:
var one = $("#num1").val(); 
نمونه کد اجاکس
ببینم بقیرو خودت چیکار میکنی

کد پی‌اچ‌پی:
function calc()
{
    $.
ajax({        
    
type:'post',
    
url:'calcute.php',
    
data:'num1='+one+'&num2='+tow,
    
success:function(data)
    {
        $(
'#result').html(data)
    }
        
    });

  پاسخ
تشکر شده توسط :
#10
(۱۳۹۵ تير ۲۰, ۰۹:۲۷ ب.ظ)kasbookar نوشته: خب بگیر مقادیرشونو دیگه اول بریا تکست باکس هات یه ای دی هم تعریف کن (تابع رو توی خصوصیت onkeyup تعریف کن )

کد پی‌اچ‌پی:
var one = $("#num1").val(); 
نمونه کد اجاکس
ببینم بقیرو خودت چیکار میکنی

کد پی‌اچ‌پی:
function calc()
{
    $.
ajax({        
    
type:'post',
    
url:'calcute.php',
    
data:'num1='+one+'&num2='+tow,
    
success:function(data)
    {
        $(
'#result').html(data)
    }
        
    });


سلام
ممنون بابت جواب دهی
خوب کد اولیه شد این
کد پی‌اچ‌پی:
<html>
<
head>
<
script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<
script>
    function 
test(){
        var 
num1 = $("#num1").val();
        var 
num2 = $("#num1").val();
        $.
ajax({        
        
type:'post',
        
url:'calcute.php',
        
data:'num1='num1+'&num2='+num2,
        
success:function(data)
        {
            $(
'#result').html(data)
        }    
        });
    }
</
script>
</
head>
<
body>
<
input id "num1" type "text" value "1" onkeyup  ="test()">
<
input id "num2" type "text" value "1" onkeyup  ="test()">
<
p id "result"></p>
</
body

و کد فایل calcute شد این

کد پی‌اچ‌پی:
<?php 
    $num1 
$_POST['num1'];
    
$num2 $_POST['num2'];
    function 
times($one $two)
    {
        return 
$one $two ;
    }
?>

سه سوال
1 : میدونم اگر بخوام این کار کنه باید قسمت success رو تغییر بدم ولی نمیدونم چطور !؟
2 : چرا از onkeyup استفاده کردید ? مگه onchange رو باید چه موقع استفاده کنیم ؟
3 : در قسمت ای جکس
data:'num1='num1+'&num2='+num2
این & رو برای چی گذاشتیم ؟
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان