การส่งค่าผ่าน ajex จะส่งค่าไปยังไงอ่ะคะ มันส่งค่าผ่าน แบบ GET หรือ แบบ POST ได้มั้ยคะ แล้วส่งค่าไป จะ รับค่ายังไง
<script type="text/javascript">
(function($){
$(function(){
var picA = [
{
"url":"images/bgport.jpg",
"delay":7000
}
]
var s = $.scene(picA);
var isnavon = false;
//s.startscene(false);
var portbox = $("#portbox");
var portcol = $("#portcol");
var portshow = $("#portshow");
setTimeout(function(){
s.startscene(false);
setTimeout(function(){
buildport();
anim();
},500);
},500);
function anim(){
portbox.css({
opacity:1
})
portcol
.animate({
left:"0%"
},1000)
portshow
.delay(500)
.animate({
opacity:1
},1000,function(){
loadstep1();
})
}
function loadstep1(e){
$.ajax({
url:"portstep1.php",
success:function(data){
portshow.html(data)
var picbox0 = $(".portstep1 .picbox:eq(0)");
var picbox1 = $(".portstep1 .picbox:eq(1)");
var picbox2 = $(".portstep1 .picbox:eq(2)");
picbox0
.animate({
top:"0px",
opacity:1
},600)
picbox1
.delay(300)
.animate({
top:"0px",
opacity:1
},600)
picbox2
.delay(600)
.animate({
top:"0px",
opacity:1
},600)
$(".portstep1 .picbox:eq(0)").genslide();
$(".portstep1 .picbox:eq(1)").genslide();
$(".portstep1 .picbox:eq(2)").genslide();
}
})
if(e!==undefined){
e.preventDefault();
}
}
$(".portstep1 .picthumb").live("click",loadstep2);
function loadstep2(e){
var name;
var _t = $(e.currentTarget);
if(_t.hasClass("picthumb")){
name = _t.next().text().trim();
}else{
name = $(_t.find(".name")).text().trim();
}
$.ajax({
url:"portstep2.php?id_albume=+var+",
success:function(data){
portshow.html(data);
anim2();
$(".portstep2 .picbox").genslide();
$(".portstep2 .piclist a").live("click",showpic);
$("#projectname").html(name);
}
})
e.preventDefault();
}
function anim2(){
var projectbar = $(".portstep2 .projectbar");
var picbox = $(".portstep2 .picbox");
picbox
.css("bottom","-33%")
.animate({
"bottom":"0%"
},1000)
projectbar
.css("top","-10%")
.animate({
"top":"0%"
},1000)
showpic(0);
}
function showpic(id){
if(id.preventDefault){
id.preventDefault();
}
var img = $("<img>");
var url;
if(id.currentTarget===undefined){
var ele = $(".portstep2 .piclist li:eq("+id+") a");
url = ele.attr("href");
}else{
url = $(id.currentTarget).attr("href");
}
console.log(id);
img.attr("src",url)
.css("opacity",0);
$("#display").html(img);
img
.animate({
opacity:1
})
}
function buildport(){
//console.log("screenheight = "+$(window).height());
var i = $("#bgImg");
//var Wh = ($(window).height() > 700) ? $(window).height() : 712 ;
var Wh = $(window).height();
var Ww = $(window).width();
console.log(i.height());
if(i.width() / i.height() > 1){
if(Ww < 980){
portbox
.css("width",Ww+"px");
}else{
portbox
.width(i.width())
.css({
"left":"50%",
"margin-left":"-"+(i.width()/2)+"px"
});
}
}
var w = portbox.width();
portbox
.height(Wh-94-111);
// var w = i.width();
// portbox
// .width(w)
// .height(Wh-94-111)
// .css({
// 'margin-left':"-"+(w/2)+"px",
// "left":"50%"
// });
$("#crop1").mCustomScrollbar();
$("#crop2").mCustomScrollbar();
$("#crop3").mCustomScrollbar();
// $(".picbox:eq(0)").genslide();
// $(".picbox:eq(1)").genslide();
// $(".picbox:eq(2)").genslide();
}
$(".projectlist a").bind("click",loadstep2);
$("#back").live("click",loadstep1);
function delayaction(action,second){
setTimeout(function(){
action();
},second);
}
$("#wt, #wb").css("opacity",0);
})
})(jQuery)
</script>Tag : PHP, MySQL, JavaScript, Ajax
Date :
2013-01-30 11:31:47
By :
yaiblooliverpool
View :
787
Reply :
3
ต้องเรียบเรียงคำพูดนิดนึงครับ
จะต้องพูดว่า ส่งค่า get ไปที่เพจปลายทางเพื่อให้ประมวณผลและส่งผลตอบกลับมาที่เพจหลัก แต่ความเข้าใจของคุณถูกต้องแล้วครับ
หมายเหตุ ถ้าสมมุติคุณต้องการใส่ code กรุณาใส่ tab code ด้วยนะครับ อย่างนี้ดูยาก
Date :
2013-01-30 11:57:07
By :
Ex-[S]i[L]e[N]t
Load balance : Server 04