php+ajax+jquery后台程序处理

其实这个是接着上一个ajax的处理。

这几篇文章其实都是为了这个小的淘宝应用服务的。

昨天做了预览，今天贴出生成图片的那个ajax。

实际上图片处理这块一开始就讲过了，以下两篇文章。一个是优化的一个未优化的。

http://blog.csdn.net/pengli2014/article/details/20768921

http://blog.csdn.net/pengli2014/article/details/20805673

光说不练假把式。上代码。

css代码，实际比昨天的多出来了一段。

table { font-size:12px; border:1px solid #dedede; margin:0 auto; }
table tr td { border: 1px solid #B1CDE3; background: #fff; font-size:12px; padding: 3px 3px 3px 8px; color: #4f6b72; }
table tr .title { text-align:left; }
.window { width:480px; background-color:#d0def0; position:absolute; padding:2px; margin:5px; display:none; } 
.window2 { position:absolute; display:none; background-color:#d0def0; width:450px; height:200px; line-height:200px; font-size:20px; color:red; text-align:center; }
.window .close { position:absolute; right:0px; top:0px; width:40px; height:20px; text-align:center; color:red; font-weight:bold; cursor:pointer; }

close按钮，实际不是一个按钮，想怎么变，自己改css样式吧。

生成图片的混编代码。

<td><a href="javascript:create_picture('<?php echo $v['gid']; ?>')">仅图片生成</a></td>

jquery代码和ajax

function create_picture(id){
	$.ajax({
		url:		"create_pic.php",
		data:		{ gid: id },
		dataType:	"json",
		beforeSend:	function(){
						//alert("before!");
						$(".window2").attr("display","block").html("图片生成中，请稍等………").css("top","30%").css("color","red").css("left","40%").slideToggle("slow"); 
					},
		complete:	function(data,status){
						//alert("success!");
						$(".window2").html("图片生成完毕了！").css("color","green").hide(3000); 
					}	
	})
}

最后是create_pic.php代码

$gid = isset($_GET['gid'])? $_GET['gid'] : exit("paramer error");//商品id

$goods = new Goods($c,$sessionKey);
$itemInfo = $goods->getGoodsInfo($gid);
if(isset($itemInfo['item']['item_imgs']))
{
	$itemPic = $itemInfo['item']['item_imgs']['item_img'];
	foreach($itemPic as $k => $v)
	{
		$imgs[] = $v['url'];
	}
}
else
{
	exit("商品图片不存在!");
}

/*
$imgs = array(
		"http://img03.taobaocdn.com/imgextra/i3/444857673/T2kr2kXApXXXXXXXXX-444857673.gif",
		"http://img01.taobaocdn.com/imgextra/i1/444857673/T22SfkXClXXXXXXXXX-444857673.jpg",
		"http://img03.taobaocdn.com/imgextra/i3/444857673/T22gMPXkRaXXXXXXXX_!!444857673.jpg"
	);
*/
$width = 480;
$dir = "temp_pic\\".$gid."\\";
/*开始生成图片*/
if(!is_dir($dir))
{
	mkdir($dir);
}
else
{
	echo "目录已经存在";
}
$picName = "1-".$gid.".jpg";
$picObject = new Picture2($imgs,$dir);
$picArr = $picObject->createPicWithByWidth($width);
$mark = $picObject->joinPic($picArr,$width,$picName);
$pic = $picObject->picToCode($dir.$picName);//2进制

$dbObject = new Db('goods_info');
if($mark)
{
	$where = " WHERE gid='".$gid."'";
	$dbObject->update(array("status"=>1,"picture"=>$pic,"create_pic_time"=>time()),$where);//更新商品状态。
	$dbObject->mysql_close();
}

其实这段代码不需要返回什么，就是处理就好。

ok，先贴这么多，我优化代码之后会贴出更新的版本。

我觉得success一直没有成功，原来是返回数据的类型在作怪。

换成如下的jquery代码。

function create_picture(id){
	$.ajax({
		type:		"GET",
		url:		"create_pic.php",
		data:		{ gid: id },
		dataType:	"html",
		beforeSend:	function(){
						alert(1111);
						$(".window2").attr("display","block").html("图片生成中，请稍等………").css("top","30%").css("color","red").css("left","40%").slideToggle("slow"); 
					},
		
		success:	function(data){
						alert(data);
						$(".window2").html("图片生成完毕了！"+data).css("color","green").hide(3000); 
					},	
		
		error:		function(XMLHttpRequest, textStatus, errorThrown){
						alert(textStatus);
					}
	})
}

dataType: "html",

返回的数据类型千万要注意了。

另外状态顺序是，before,success,error,complete.

(最后编辑：2014年3月15日12:12:48)