مبتدی: راهنمایی در مورد کدها ارسال ajax به php [بایگانی]

haniye70

جمعه 23 تیر 1391, 16:50 عصر

با سلام خدمت همگی دوستان
من یک سورس اماده دارم که می خوام اطلاعاتش رو به یک فایل php رسال کنم
من زیاد در زمینه ajax اشنایی ندارم
می خواستم دوستان سورس منو چک کنند ببیند چه طوری اطلاعات رو میشه ارسال کرد
چکش کردم خیلی هم توی نت گشتم ولی نتونستم مشکلم رو حل کنم از اقایون محترم می خوام اگر امکان داره راهنمایی کنید

این سورس رو هم توی نت از یک وب سایت گیر اوردم :لبخندساده:
می خواستم وقتی اطلاعات ارسال شدن پیغام اطلاعات با موفقیت ارسال شد رو هم نشون بده
یا اگر نشد اطلاعات بازگشتی از فایل php رو نشون بده

<script type="text/javascript">
var token="";
var name_product="";
function validate()
{
$('#message_new_form').hide();
$('#message_new_form').html("");

$('label').removeClass("field_error");
filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

if(jQuery.trim($('#name').val())!='')
{
if(jQuery.trim($('#country').val())!='-1')
{
if(jQuery.trim($('#state').val())!='')
{
if(jQuery.trim($('#city').val())!='')
{
if((jQuery.trim($('#email').val())!='') && (filter.test($('#email').val())))
{
if(jQuery.trim($('#tell').val())!='')
{
if(jQuery.trim($('#cell').val())!='')
{
if(jQuery.trim($('#howdidyouknow').val())!='-1')
{
$('#page_1').hide();
scrollWin('general');
setTimeout("scrollWin('general');", 3000);
$('#page_2').show();
$.post("request_insert.php", {name: ""+ $('#name').val() +"",address1:""+$('#address1').val()+"",address2:""+$('#address2').val()+"",country:""+$('#country').val()+"",state:""+$('#state').val()+"",city:""+$('#city').val()+"",email:""+$('#email').val()+"",tell:""+$('#tell').val()+"",cell:""+$('#cell').val()+"",fax:""+$('#fax').val()+"",howdidyouknow:""+$('#howdidyouknow').val()+"",comments:""+$('#comments').val()+"",token:""+token+"",name_product:""+name_product+""},
function(data){
received_data=data.split('|');
$('#page_2').hide();
$('#page_1').show();
if(received_data[0]=='true')
{
$('#message_new_form').show();
$('#message_new_form').html(received_data[1]);
$('#howdidyouknow').val('-1');
resetForm();
fadeRepeat('message_new_form');
$('#basic').fadeTo("slow", 0.11).hide('slow');;
token=received_data[2];
}else
{
alert(data);
}
});
}else
{
scrollWin('city');
$('#howdidyouknow').fadeOut();
$('#howdidyouknow').fadeIn();
$('#col1_howdidyouknow').addClass("field_error");
$('#howdidyouknow').focus();
}
}else
{
scrollWin('state');
$('#cell').fadeOut();
$('#cell').fadeIn();
$('#col1_cell').addClass("field_error");
$('#cell').focus();
}
}else
{
scrollWin('state');
$('#tell').fadeOut();
$('#tell').fadeIn();
$('#col1_tell').addClass("field_error");
$('#tell').focus();
}
}else
{
scrollWin('address2');
$('#email').fadeOut();
$('#email').fadeIn();
$('#col1_email').addClass("field_error");
$('#email').focus();
}
}else
{
scrollWin('address1');
$('#city').fadeOut();
$('#city').fadeIn();
$('#col1_city').addClass("field_error");
$('#city').focus();
}
}else
{
scrollWin('name');
$('#state').fadeOut();
$('#state').fadeIn();
$('#col1_state').addClass("field_error");
$('#state').focus();
}
}else
{
scrollWin('general');
$('#country').fadeOut();
$('#country').fadeIn();
$('#col1_country').addClass("field_error");
$('#country').focus();
}
}else
{
scrollWin('general');
$('#name').fadeOut();
$('#name').fadeIn();
$('#col1_name').addClass("field_error");
$('#name').focus();
}
}

function resetForm()
{
$('#name').val('');
$('#address1').val('');
$('#address2').val('');
$('#country').val('ایران');
$('#state').val('');
$('#city').val('');
$('#email').val('');
$('#tell').val('');
$('#cell').val('');
$('#fax').val('');
$('#howdidyouknow').val('');
$('#comments').val('');
}

function scrollWin(where){
$('html, body').animate({
scrollTop: $('#'+where).offset().top
}, 1500);
}

function fadeRepeat(name){
$('#' + name).fadeOut();
$('#' + name).fadeIn();
$('#' + name).fadeOut();
$('#' + name).fadeIn();
setTimeout("$('#" + name + "').slideUp('slow');", 8000);
};
</script>

بخش اچ تی ام الش اینه

<div style="padding:10px;">

<div style="display: none;" id="message_new_form"></div>

<div id="basic" class="basic" style="overflow:auto">

<div id="page_1" style="height:700px;">
<div id="div_col2">
<label class="" id="col1_name">نام
<span class="small"></span>
</label>
<input style="display: block;" id="name" class="textbox" type="text">
<span class="star">*</span>
</div>

<div id="div_col2">
<label id="col1_country">کشور
<span class="small"></span>
</label>
<select id="country" class="textbox">
<option value="-1">                                  انتخاب
کنید</option>
<option value="آلمان">آلمان</option>
<option value="اسپانیا">اسپانیا</option>
<option value="استرالیا">استرالیا</option>
<option value="اندونزی">اندونزی</option>
<option value="انگلستان">انگلستان</option>
<option value="آمریکا">آمریکا</option>
<option value="ایتالیا">ایتالیا</option>
<option value="ایران" selected="selected">ایران</option>
<option value="برزیل">برزیل</option>
<option value="پاکستان">پاکستان</option>
<option value="ترکیه">ترکیه</option>
<option value="چین">چین</option>
<option value="روسیه">روسیه</option>
<option value="ژاپن">ژاپن</option>
<option value="فرانسه">فرانسه</option>
<option value="کانادا">کانادا</option>
<option value="کره جنوبی">کره جنوبی</option>
<option value="مکزیک">مکزیک</option>
<option value="مالزی">مالزی</option>
<option value="ویتنام">ویتنام</option>
<option value="هند">هند</option>
</select>
<span class="star">*</span>
</div>

<div id="div_col2">
<label class="field_error" id="col1_state">استان
<span class="small"></span>
</label>
<input style="display: block;" id="state" class="textbox" type="text">
<span class="star">*</span>
</div>

<div id="div_col2">
<label id="col1_city">شهر
<span class="small"></span>
</label>
<input id="city" class="textbox" type="text">
<span class="star">*</span>
</div>

<div id="div_col2">
<label id="col1_address1">آدرس 1
<span class="small"></span>
</label>
<input id="address1" class="textbox" type="text">
<span class="star"></span>
</div>

<div id="div_col2">
<label id="col1_address2">آدرس 2
<span class="small"></span>
</label>
<input id="address2" class="textbox" type="text">
<span class="star"></span>
</div>

<div id="div_col2">
<label id="col1_email">ايميل
<span class="small"></span>
</label>
<input id="email" class="textbox" type="text">
<span class="star">*</span>
</div>

<div id="div_col2">
<label id="col1_tell">تلفن
<span class="small"></span>
</label>
<input id="tell" class="textbox" type="text">
<span class="star">*</span>
</div>

<div id="div_col2">
<label id="col1_fax">نمابر
<span class="small"></span>
</label>
<input id="fax" class="textbox" type="text">
<span class="star"></span>
</div>

<div id="div_col2">
<label id="col1_cell">همراه
<span class="small"></span>
</label>
<input id="cell" class="textbox" type="text">
<span class="star">*</span>
</div>

<div id="div_col2">
<label id="col1_howdidyouknow">چگونه با محصولات ما آشنا شدید؟
<span class="small"></span>
</label>
<select id="howdidyouknow" class="textbox">
<option selected="selected" value="-1">                            --
انتخاب کنید --</option>
<optgroup label="موتور های جست و جوگر">
<option>Google</option>
<option>Yahoo</option>
<option>Bing</option>
<option>Ask</option>
</optgroup>
<optgroup label="سایر">
<option>تبلیغات</option>
<option>مشتری دیگر شما</option>
<option>ایمیل مستقیم از جهان گستر فناوری پرشیا</option>
<option>دوست / همکار</option>
<option>همایش / نمایشگاه</option>
</optgroup>
</select>
<span class="star">*</span>
</div>

<div id="div_col2">
<label id="col1_comments">توضیحات
<span class="small"></span>
</label>
<textarea id="comments" class="textbox"></textarea>
<span class="star"></span>
</div>

<div id="div_col2">
<label id="col1_fax"> 
<span class="small"></span>
</label>
<button onclick="validate();">ارسال درخواست</button>
<span class="star"></span>
</div>
</div>

<div id="page_2" style="height:700px;">
<img src="modules/Advertising-center/1_files/uploading.gif">
<br>
در حال ارسال درخواست شما...
</div>
</div>
</div>
</div>
</div>

haniye70

جمعه 23 تیر 1391, 17:10 عصر

اگر امکان داره فایل php گیرندش رو هم اگر امکان داره لطف کنید ضمیمه کنید
بازم از همگی متشکر

ravand

شنبه 24 تیر 1391, 08:15 صبح

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<button id="b">ajax load</button>
<div id="result"> </div>
<script>
$("#b").click(function(){
$.post("http://localhost/cms/nicEdit/delete.php?id=3", function(data) {
alert("Data Loaded: " + data);
});
});
</script>
</body>
</html>
بعد از حذف يك ركورد با يك پنجره به شما پيغام خواهد داد.