کلیک روی باتن بدون رفرش کل صفحه ؟

[malihehshajari]

سلام
من میخوام روی باتن که کلیک میکنم کل صفحه رفرش نشه کد زیر رو نوشتم :





<input type = "submit" value = "ابتدا" id = "submitButton" name = "start" class = "button_test" />





<script >
$('#submitButton').click(function(event){
event.preventDefault(); //so that we stop normal form submit.
$.ajax(
url: '/MyAjaxView/',
type: 'post',
dataType: 'json',
data: $('form#myNameForm').serialize(),
success: function(data) {
doStuffWithDataHere(data);
}
);
});
</script>





ولی فرم اکشنم با کلیک عوض نمیشه چراااااااااااااااا ؟

[Rejnev]

<input type = "button"...

[malihehshajari]

<input type = "button"...

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

[مهرداد سیف زاده]

return false;
بعد از این که تابع ajax و return false کنید که کدتون بصورت زیر در میاد

<script >

$('#submitButton').click(function(event){

event.preventDefault(); //so that we stop normal form submit.

$.ajax(

url: '/MyAjaxView/',

type: 'post',

dataType: 'json',

data: $('form#myNameForm').serialize(),

success: function(data) {

doStuffWithDataHere(data);

}

);

return false;
});

</script>

[malihehshajari]

return false;
بعد از این که تابع ajax و return false کنید که کدتون بصورت زیر در میاد

<script >

$('#submitButton').click(function(event){

event.preventDefault(); //so that we stop normal form submit.

$.ajax(

url: '/MyAjaxView/',

type: 'post',

dataType: 'json',

data: $('form#myNameForm').serialize(),

success: function(data) {

doStuffWithDataHere(data);

}

);

return false;
});

</script>

نه بازم تغییر نداد فرم اکشن رو :ناراحت:

[Rejnev]

event.preventDefault رو بردارین.
من درست متوجه سوال نشدم! دقیقا میخواین چیکار کنین؟
مسیر مشخص شده تو تابع ایجکس وجود داره؟ تابع doStuff چطور؟ این تابع چیکار میکن؟ بجای اون alert بذارین ببینین ایجکس با موفقیت اجرا میشه...

[malihehshajari]

نه دیگه اصلا کلیک که میکنم این اسکریپت اجرا نمیشه

من میخوام فرم اکشن رو تغییر بدم بدون اینکه صفحه رفرش بشه

[malihehshajari]

نباید قبلش کتابخونه خاصی از ajax , jquery اضافه کنم ؟؟؟؟؟؟؟؟؟؟؟؟؟

[malihehshajari]

الان کد زیر رو نوشتم اجرا میشه

<script >
$(document).ready(function(){
$('#submitButton').click(function(){

$.ajax({
type: "POST",
url: "/search_setting_first/", //**Your full URL goes here**
data: $('#Frm_Setting').serialize(),
success: function(data, textStatus, jqXHR){
alert("hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh");
},
error: function(jqXHR, textStatus, errorThrown){
alert("jjjjjjjjjjjjjjjjjjjjj");
}
});
});
});

</script>

ولی میره قسمت خطا رو اجرا میکنه تابعی که من میگم اجرا نمیشه

[مهرداد سیف زاده]

ابتدا باید jquery رو بیارید داخل صفحه
آموزشهای ajax جلسه اول به نصب و استفاده از ajax‌میپردازه
http://www.aparat.com/v/nBJIo

[malihehshajari]

ابتدا باید jquery رو بیارید داخل صفحه
آموزشهای ajax جلسه اول به نصب و استفاده از ajax‌میپردازه
http://www.aparat.com/v/nBJIo

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

[malihehshajari]

توی تابع زیر :
<script >
$(document).ready(function(){
$('#insurance_name_recept').blur(function(e){

e.preventDefault();

$.ajax({
type: "POST",
url: "/search_insurance_price/", //**Your full URL goes here**
data: $('#frm_reception').serialize(),
dataType: 'json',
success: function(data, textStatus, jqXHR){
$("#frm_reception").html(data.errors );




},
error: function(jqXHR, textStatus, errorThrown){
alert(errorThrown);
}
});
});
});


</script>

بجای کد زیر

$("#frm_reception").html(data.errors )

چه کدی میتونم جایگزین کنم که فقط مقداری رو که میخوام بفرستم توی صفحه اچ تی ام ال بدون اینکه از خاصیت .html استفاده کنم