Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > อะไรคือ json ครับ ใช้ทำอะไร ดีกว่า array หรือ string คั่น เครื่องหมาย อย่างไร ครับ

อะไรคือ json ครับ ใช้ทำอะไร ดีกว่า array หรือ string คั่น เครื่องหมาย อย่างไร ครับ

เริ่มหัวข้อใหม่

Guest

ผมทำพวก jquery แล้วมีการใช้ json นะครับ มันคืออะไร ถ้าจะใช้ ระหว่าง php กับ jquery จะดีกว่า string ต่อ กัน อย่างไรครับ ท่านใด มีคำตอบ ช่วยใขข้อคำถาม หน่อยนะครับ

Tag : - - - -

Date : 2010-07-25 09:37:39

By : เหน่ง

View : 3440

Reply : 6

No. 1

ranarong

โพสกระทู้ ( 1,242 )
บทความ ( 13 )

คลิก

Date : 2010-07-25 11:07:56

By : DownsTream

No. 2

Guest

json ใช้กับ complex data แบบ tree ได้ง่ายๆ ครับ
ถ้าเป็น , string อย่างมากก็ได้ string array ชั้นเดียวและยังใช้ตัวอักษร , ไม่ได้ด้วย

Date : 2010-07-25 16:25:46

By : 2123

No. 3

Guest

ขอบคุณครับ แบบว่า มีตัวการใช้ json กับ jquery ที่เป็น code สั้นๆ มาให้ดู เพื่อทำความเข้าใจได้ไหมครับ ถ้า ฝั่ง jquery ส่วนใหนคือ json และ ฝั่ง php ถ้าส่งกลับมาเป็น json จะได้ไหม

Date : 2010-07-26 09:48:28

By : เหน่ง

No. 4

เอี่ยว

โพสกระทู้ ( 3,468 )
บทความ ( 0 )

นี่คับ อาจไม่เหมาะสำหรับเป็นตัวอย่าง แต่มันก็คือ js object ธรรมมา คล้าย hash

ตย. คือการเพิ่มค่าไปบันทึกเรคคอร์ด แล้วคืนค่ามาให้เลือกใน <select> (เพิ่ม list option)

JS

// Save new work type
	$('#save-type').click(function(){
		var uri = '<?php echo URL::site('manage/works/savetype');?>';
		var new_type = $.trim($('#new-type').val());
		
		if ( ! new_type)
		{
			$('#new-type').focus();
			alert('โปรดระบุ ชื่อชนิดงานใหม่');
			return;
		}
		
		var data = { type_name: new_type }
		
		$('#saving1').html('(Loading..)');
		
		// Hide new type <tr>
		$('#tr-new-type').addClass('hide');
		
		var success = false;
		$.getJSON(uri, data, function(json, text_status){
			var work_type = $('#work-type');
			success = true;
			
			work_type.html('');
			for (var i=0; i < json.length; i++)
			{
				$('<option>').val(json[i]['value']).text(json[i]['text'])
					.appendTo(work_type);
			}
			
			// Select new added
			$('option[value='+json[i-1]['value']+']').attr('selected', 'selected');
			
			// Focus on work name
			$('#work-name').focus();
		});
		if ( ! success)
		{
			alert('มีปัญหาขณะโหลด โปรดลองใหม่');
		}
		
		$('#saving1').html('');
	});

// ส่วนส่ง คืน json
Code (PHP)

// Save new type and response all type as JSON
	public function action_savetype()
	{
		if ($_GET['type_name'])
		{
			$model = new Model_Manage_Works;
			
			$rs = $model->savetype($_GET['type_name']);
			
			$types = array();
			foreach ($rs as $rec)
			{
				array_push($types, array('value' => $rec['types_id'], 'text' => $rec['types_name']));
			}
			
			$this->request->response = json_encode($types);
			
			$this->auto_render = FALSE;
		}
	}

http://gunner.freetzi.com

Date : 2010-07-26 10:42:10

By : pjgunner

No. 5

ranarong

โพสกระทู้ ( 1,242 )
บทความ ( 13 )

การใช้งาน getJSON ของ jquery

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Using json</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

// กำหนดให้ประมวลผล jquery ในส่วนนี้ตอนโหลด
$(function() {
	// เช็ค event ของ element ปุ่มที่มี id="btn-send"
	$('#btn-send').click(function() {
		// ใช้ jquery getJSON เพื่อให้ข้อมูลที่ response กลับมาอยู่ในรูปแบบของ json 
		$.getJSON('json_action.php', { name: $('#name').val(), sname: $('#sname').val()  },
			// ฟังชัน call back 
			function(json){
				// ใช้ console ของ firebug เช็ค response ของ json
				/** ต้องรันบน firefox หรือ google chrome เท่านั้นจึงจะทำงาน คำสั่ง console ได้ */
				console.debug(json);
				// วน loop โดยใช้ each ของ jqeury เพื่อแสดง ข้อมูลที่ json reponse มา
				
				$.each(json, function(index, value) {
					console.debug(value);
				});
				
		});
	});
});
</script>
</head>

<body>
	<input type="text" name="name" id="name" /><br />
    <input type="text" name="sname" id="sname" /><br />
    <input type="button" name="btn-send" id="btn-send" value="submit" />
    <div id="div-result"></div>
</body>
</html>

json_action.php

<?php
	$array['name'] = $_GET['name'] ? $_GET['name'] : '';
	$array['sname'] = $_GET['sname'] ? $_GET['sname'] : '';
	
	// ใช้ json_encode เพื่อแปลงข้อมูลในรูปแบบของ array เป็นรูปแบบของ json
	echo json_encode($array);
?>

Date : 2010-07-26 10:55:41

By : DownsTream

No. 6

Guest

ขอบคุณครับ...

Date : 2010-07-26 22:00:24

By : เหน่ง

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อะไรคือ json ครับ ใช้ทำอะไร ดีกว่า array หรือ string คั่น เครื่องหมาย อย่างไร ครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก