|  |  | 
          
            | จากโค๊ดถ้ารันหน้าเพจมามันจะดึงข้อมูลมาแสดงก่อนครับ แต่ถ้ามีการค้นหาข้อมูลโดยคลิก #search-btn มันก็ค้นหาได้ปกติครับ แต่เมื่อค้นหาข้อมูลเสร็จแล้ว ทําการกด sort ที่หัวคอลัมน์มันเหมือนทําการ รันสคริปใหม่อีกครั้งครับ คือมันจะแสดงข้อมูลตอนรันเพจแต่ตอนแรกขึ้นมาแทรกไว้ด้วยครับ
 
 Code (Java)
 
 $.getJSON("http://localhost/master-cms/site/stock", function(data){
		$.each(data, function(key, value){
		//price += parseInt(value);
		console.log(key, value);
			
			$('#sortTableExample tbody').append('<tr><td>'+value['stock_id']+'</td><td>'+value['stock_list']+'</td><td>'+value['stock_unit']+'</td><td>'+value['stock_qty']+'</td><td>'+value['stock_weight']+'</td><td>'+value['stock_price']+'</td><td>'+value['stock_catagorie']+'</td><td>'+value['stock_product_free']+'</td><td>'+value['stock_in_datetime']+'</td></tr>');
			$("#sortTableExample").tablesorter({
				widthFixed: true,
				widgets: [ "zebra" ]
			});
		});
	});
	
		
	$('#search-btn').click(function(){
		var postdata = $('#search').val();
		$.ajax({
			
			type: 'POST',
			url: 'http://localhost/master-cms/site/stock',
			data: {search: postdata, s: 1},
			success: function(data1){
				var search_data = JSON.parse(data1);
				$('#sortTableExample tbody').html(''); //เคลียร์ค่า <tbody></tbody> ก่อนแสดงข้อมูลค้นหา
				$.each(search_data, function(key, value){
				
					$('#sortTableExample tbody').append('<tr><td>'+value['stock_id']+'</td><td>'+value['stock_list']+'</td><td>'+value['stock_unit']+'</td><td>'+value['stock_qty']+'</td><td>'+value['stock_weight']+'</td><td>'+value['stock_price']+'</td><td>'+value['stock_catagorie']+'</td><td>'+value['stock_product_free']+'</td><td>'+value['stock_in_datetime']+'</td></tr>');
					$(".table").tablesorter({
						widthFixed: true,
						widgets: [ "zebra" ]
					});
				});
			}
		});
	});
 
 
 Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery
 
 
 |  
            | 
 ประวัติการแก้ไข
 2013-09-12 10:56:05
 |  
            | 
              
                |  |  |  |  
                |  | 
                    
                      | Date :
                          2013-09-11 14:06:44 | By :
                          kenghockey | View :
                          822 | Reply :
                          2 |  |  |  
                |  |  |  |  |  
            |  |  
		            |  |