PDA

View Full Version : مشکل در ساخت سیستم ارسال نظرات با jQuery



binboy
یک شنبه 05 تیر 1390, 20:47 عصر
سلام و وقت بخیر
دارم یک سیستم ازسال نظزات برای سایتم مینویسم ارسال اطلاعات را با $.ajax به درستی برای دیتابیس ارسال میشه، اما success: function که کارش اینه تا بدون رفرش صفحه مواردی که کاربر تو فرم ارسال نظزات پر کرده و بعد زدن دکمه بدون رفرش صفحه برای کاربر نمایش بده، کار نمیکنه. سعی کردم یک آموزش که لینک آن در زیر اوردم، را با نظر خودم تغییر بدم ولی به مشکلی که ذکر کردم بر خوردم.
اینه اینو می خوام پیاده کنم ولی نه به این شیوه ای که این گفته و از آجاکس استفاده کرده، میخوام بصورت ساده تر و فقط از جی کئوری استفاده کنم => Comments with jQuery and Ajax (http://demos.9lessons.info/commentfull.php)
با سپاس
کد ویرایش شده توسط خودم:
$(".submit").click(function(){
var entry_id = $("#entry_id").val();
var comment_body = $("#comment_body").val();
var comment_name = $("#comment_name").val();
var comment_email = $("#comment_email").val();
var comment_url = $("#comment_url").val();
var dataString = 'entry_id=' + entry_id + '&comment_body=' + comment_body + '&comment_name=' + comment_name + '&comment_email=' + comment_email + '&comment_url=' + comment_url;

if (comment_body == '' || comment_name == '' || comment_email == '' || comment_url == '') {
alert('Please Give Valide Details');
}
else {
$("#flash").show();
$("#flash").fadeIn(400).html('<span class="loading">لطفا منتظر بمانید...</span>');
$.ajax({
type: "POST",
url: "/blog/comment_insert",
data: dataString,
cache: false,
success: function(html){
var s1 = document.getElementById('comment_body');
var s2 = document.getElementById('comment_name');
var s3 = document.getElementById('comment_email');
var s4 = document.getElementById('comment_url');
$("#update").append(html);
$("#update li:last").fadeIn("slow");
s1.value + s2.value + s3.value + s4.value;
$("#name").focus();

$("#flash").hide();
}
});
}
return false;
});